import { Button } from '@/components/ui/button';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
 
export default function AuthSection() {
    return (
        <>
            <section className="py-16 lg:py-32">
                <div className="mx-auto w-full max-w-2xl px-6 lg:max-w-7xl">
                    <Card className="mx-auto max-w-md sm:px-6 sm:!py-12">
                        <CardHeader>
                            <CardTitle className="text-lg">Create Account</CardTitle>
                            <CardDescription>Sign up using your credentials.</CardDescription>
                        </CardHeader>
                        <CardContent>
                            <form className="space-y-6">
                                <div className="space-y-2">
                                    <Label>Email</Label>
                                    <Input />
                                </div>
                                <div className="space-y-2">
                                    <Label>Password</Label>
                                    <Input />
                                </div>
                                <div className="space-y-2">
                                    <Label>Confirm Password</Label>
                                    <Input />
                                </div>
                                <div className="space-y-2">
                                    <Button type="submit" className="w-full">
                                        Log in
                                    </Button>
                                    <div className="text-muted-foreground text-center text-sm">
                                        Already have an account?{' '}
                                        <Button variant={'link'} className="h-auto px-0" asChild>
                                            <a href="#">Sign in</a>
                                        </Button>
                                    </div>
                                </div>
                            </form>
                        </CardContent>
                    </Card>
                </div>
            </section>
        </>
    );
}