"use client"
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import * as z from "zod";
import { LoginSchema } from "@/schemas";
import {
    Form,
    FormControl,
    FormField,
    FormItem,
    FormLabel,
    FormMessage
} from "@/components/ui/form";

import { CardWrapper } from "./card-wrapper";


export const LoginForm = () => {
    const form = useForm<z.infer<typeof LoginSchema>>({
        resolver: zodResolver(LoginSchema),
        defaultValues: {
            email: "",
            password: ""
        }
    });

    console.log(form)
    return (
        <CardWrapper
            headerLabel="Welcome back!"
            backButtonLabel="Don't Have an Account?"
            backButtonHref="/auth/register"
            showSocial
        >
                Login
        </CardWrapper>
    );
};