simple registration prototype

1 files changed, 23 insertions, 0 deletions

diff --git a/src/components/header/authdialog/LoginForm.tsx b/src/components/header/authdialog/LoginForm.tsx
new file mode 100644
index 0000000..c5b606c
--- /dev/null
+++ b/src/components/header/authdialog/LoginForm.tsx
@@ -0,0 +1,23 @@
+import { Button } from '@/components/ui/button';
+import GoogleIcon from '../../../../public/icons/google.svg';
+import { InputField } from '@/components/ui/inputfield';
+import { Input } from '@/components/ui/input';
+export default function LoginForm() {
+    return (
+        <>
+            <div className="gap-5 flex flex-col h-[148px] w-[310px]">
+                <Button className="w-full bg-white hover:bg-white hover:text-black">
+                    <GoogleIcon />
+                    <span className="text-black text-sm">
+                        Войти через Google
+                    </span>
+                </Button>
+                <div className="gap-[10px] flex-col flex h-[88px]">
+                    <InputField placeholder="Никнейм или почта" />
+                    <InputField placeholder="Пароль" />
+                </div>
+            </div>
+            <Button className="w-full gap-[10px]">Войти</Button>
+        </>
+    );
+}