"use client";
import { useTranslations } from "next-intl";
import { CheckoutFormValues } from "@/interfaces/types";
import { UseFormReturn } from "react-hook-form";
import FormStaticSelect from "@/shared/form-controls/FormStaticSelect";
import FormTextarea from "@/shared/form-controls/FormTextarea";

export default function AdditionalDetailsForm() {
  const t = useTranslations("");

  return (
    <div className="border border-gray-200 rounded-2xl shadow-md shadow-black/10 p-6">
      <h3 className="text-xl mb-6">{t("Text.additional_details")}</h3>
      <div className="space-y-4">
        <FormStaticSelect
          name="occasion"
          label="occasion"
          options={[
            { value: "Birthday", label: "عيد ميلاد" },
            { value: "Wedding", label: "زواج" },
            { value: "Engagement", label: "خطوبة" },
            { value: "Graduation", label: "تخرج" },
            { value: "Other", label: "أخرى" },
          ]}
        />
        <FormTextarea name="notes" label="notes" placeholder="notes" />
      </div>
    </div>
  );
}