add modal tabs

1 files changed, 47 insertions, 0 deletions

diff --git a/src/components/header/AuthDialog.tsx b/src/components/header/AuthDialog.tsx
new file mode 100644
index 0000000..d07d952
--- /dev/null
+++ b/src/components/header/AuthDialog.tsx
@@ -0,0 +1,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>
+    );
+}