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("", className)} {...props}>
      <Card className="">
        <CardContent className="flex flex-col-reverse md:flex-row p-0">
          <UserAuthForm />
          <div className="md:bg-muted">
            <img
              src="logo.png"
              alt="Imagen del Logo"
              className="pt-3 md:p-3 h-full w-1/3 md:w-full m-auto "
            />
          </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>
  )

}
