"use client"
import ReminderForm from "./ReminderForm"
import { useCreateReminder } from "@/lib/react-query/hooks/reminders"
import { useTranslations } from "next-intl"

interface AddReminderMainProps {
  onSuccess?: () => void
  onCancel?: () => void
}

export function AddReminderMain({ onSuccess, onCancel }: AddReminderMainProps) {
  const createReminderMutation = useCreateReminder()
  const t = useTranslations()

  const onSubmit = async (data: any) => {
    await createReminderMutation.mutateAsync(data, {
      onSuccess: onSuccess
    })
  }

  return <ReminderForm onSubmit={onSubmit} isSubmitting={createReminderMutation.isPending} submitLabel={t("reminders.form.buttons.addReminder")} onCancel={onCancel} />
}