import { Button } from '@/components/ui/button';
import {
    Dialog,
    DialogClose,
    DialogContent,
    DialogDescription,
    DialogFooter,
    DialogHeader,
    DialogTitle,
    DialogTrigger,
} from '@/components/ui/dialog';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import {
    Card,
    CardContent,
    CardDescription,
    CardHeader,
    CardTitle,
} from '@/components/ui/card';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';

export function AuthDialog() {
    return (
        <DialogContent className="w-[361px] flex">
            <Tabs defaultValue="overview" className="">
                <TabsList className="w-[361px] justify-between h-[36px] gap-[10px] p-[5px] bg-background border border-violet rounded-[15px]">
                    {' '}
                    <TabsTrigger value="Login" className="w-[59px]">
                        {' '}
                        Вход{' '}
                    </TabsTrigger>{' '}
                    <TabsTrigger value="Register" className="w-[116px]">
                        {' '}
                        Регистрация
                    </TabsTrigger>
                    <TabsTrigger value="Reset" className="w-[145px]">
                        Восстановление
                    </TabsTrigger>
                </TabsList>
                <TabsContent value="login"></TabsContent>
                <TabsContent value="register"></TabsContent>
                <TabsContent value="reset"></TabsContent>
            </Tabs>
        </DialogContent>
    );
}