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("", className)} {...props}>
      <Card className="overflow-hidden">
        <CardContent className="flex p-0">
        <UserAuthForm />
          <div className="hidden bg-muted md:block m-auto">
            <img
              src="logo.png"
              alt="Image"
              className="inset-0 p-5"
            />
          </div>
        </CardContent>
      </Card>
    </div>
  )

}
