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 flex-col-reverse md:flex-row p-0">
          <UserAuthForm />
          <div className="md:m-auto">
            <img
              src="logo.png"
              alt="Image"
              className="pt-3 md:p-5 w-1/3 md:w-full m-auto"
            />
          </div>
        </CardContent>
      </Card>
    </div>
  )

}
