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

import { cn } from '@repo/shadcn/lib/utils';
// import UserAuthForm from './user-auth-form';
import UserAuthForm from './user-register-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">
        <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>
  )

}