"use client"
import { useEffect } from "react"
import { useFormStatus } from "react-dom"

// import { useWatch } from "react-hook-form"
// import { useIntl } from "react-intl"
import { useProfileStore } from "@/stores/edit-profile"

import type { EditFormContentProps } from "@/types/components/myPages/myProfile/edit"

export default function FormContent({ control }: EditFormContentProps) {
  // const { formatMessage } = useIntl()
  const { pending } = useFormStatus()
  const setIsPending = useProfileStore((store) => store.setIsPending)
  // const country = useWatch({ name: "address.country" })

  useEffect(() => {
    setIsPending(pending)
  }, [pending, setIsPending])

  // const city = formatMessage({ id: "City" })
  // const email = formatMessage({ id: "Email" })
  // const street = formatMessage({ id: "Street" })
  // const zipCode = formatMessage({ id: "Zip code" })

  return <></>
}
