"use client"
import ServiceForm from "../ServiceForm"
import { useUpdateService } from "@/lib/react-query/hooks/services"

export function UpdateServiceMain() {
  const updateServiceMutation = useUpdateService()

  const onSubmit = async (data: any) => {
    const { id, ...payload } = data
    await updateServiceMutation.mutateAsync({ id, payload })
  }

  return <ServiceForm onSubmit={onSubmit} isSubmitting={updateServiceMutation.isPending} submitLabel="Save" />
}