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 isPassword placeholder="Пароль" />
                </div>
            </div>
            <Button className="w-full gap-[10px]">Войти</Button>
        </>
    );
}