"use client";

import { useId } from "react";
import { Checkbox } from "@/src/components/ui/checkbox";

/**
 * Häkchen für Werbe-Mails eines Studios beim Buchen und beim Kartenkauf.
 * Opt-in: standardmäßig leer, der Kunde setzt es selbst.
 */
const MarketingConsentCheckbox = ({
  label,
  checked,
  onCheckedChange,
}: {
  label: string;
  checked: boolean;
  onCheckedChange: (checked: boolean) => void;
}) => {
  const id = useId();
  return (
    <div className="flex items-start gap-2.5">
      <Checkbox
        id={id}
        checked={checked}
        onCheckedChange={(value) => onCheckedChange(value === true)}
        className="mt-0.5"
      />
      <label htmlFor={id} className="text-xs leading-relaxed text-gray-600">
        {label}
      </label>
    </div>
  );
};

export default MarketingConsentCheckbox;