src/components/header/authdialog/LoginForm.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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>
        </>
    );
}