"use client"
import ServiceForm from "../ServiceForm"
import { useCreateService } from "@/lib/react-query/hooks/services"
import { useTranslations } from "next-intl"

export function AddNewServiceMain() {
  const createServiceMutation = useCreateService()
  const t = useTranslations()

  const onSubmit = async (data: any) => {
    await createServiceMutation.mutateAsync(data)
  }

  return <ServiceForm onSubmit={onSubmit} isSubmitting={createServiceMutation.isPending} submitLabel={t("services.form.addButton")} />
}