36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
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>
|
|
)
|
|
|
|
}
|