import {
  Card,
  CardContent,
} from '@repo/shadcn/card';

import { cn } from '@repo/shadcn/lib/utils';
import UserAuthForm from './user-auth-form';

export function LoginForm({
  className,
  ...props
}: React.ComponentPropsWithoutRef<'div'>) {

  return (
    <div className={cn("flex flex-col gap-6", className)} {...props}>
      <Card className="overflow-hidden">
        <CardContent className="grid p-0 md:grid-cols-2">
        <UserAuthForm />
          <div className="relative hidden bg-muted md:block">
            <img
              src="logo.png"
              alt="Image"
              className="absolute inset-0 p-10 h-full w-full object-cover "
            />
          </div>
        </CardContent>
      </Card>
      {/* <div className="text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 hover:[&_a]:text-primary">
        By clicking continue, you agree to our <a href="#">Terms of Service</a>{" "}
        and <a href="#">Privacy Policy</a>.
      </div> */}
    </div>
  )

}
