[V0_FILE]typescriptreact:file="sign-in.tsx" isEdit="true" "use client" import Link from "next/link" import { Github } from "lucide-react" import { useForm } from "react-hook-form" import { zodResolver } from "@hookform/resolvers/zod" import * as z from "zod" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card" import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form" const formSchema = z.object({ email: z.string().email("Please enter a valid email address").min(1, "Email is required"), password: z.string().min(1, "Password is required"), }) type FormData = z.infer export default function SignIn() { const form = useForm({ resolver: zodResolver(formSchema), defaultValues: { email: "", password: "", }, }) function onSubmit(data: FormData) { console.log(data) // Handle form submission } return ( Welcome back Sign in to your account

) }