// 'use client'
 
// import { useFormState, useFormStatus } from 'react-dom'
// //import { signup } from '@/app/[locale]/signup/actions/signup.action'
// import { Input } from '@/components/ui/input'
// import { Button } from '@/components/ui/button'
 
// export function SignupForm() {
//   const [state, action] = useFormState(signup, undefined)
//  console.log(state);
//   return (
//     <form className='flex flex-col gap-4' action={action}>
//       <div>
//         <label htmlFor="name">Name</label>
//         <Input id="name" name="name" placeholder="Name" />
//       </div>
//       {state?.errors?.name && <p>{state.errors.name}</p>}
 
    
    
//       <SubmitButton />
//     </form>
//   )
// }
 
// function SubmitButton() {
//   const { pending } = useFormStatus()
 
//   return (
//     <Button disabled={pending} type="submit">
//       Sign Up
//     </Button>
//   )
// }