summaryrefslogtreecommitdiff
path: root/src/components/header/AuthDialog.tsx
blob: d07d95205f0b5b7d5437524ff15560ae4d9e0534 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
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>
    );
}