import {useState} from "react";
import Button from "@/components/Button";

export default function Login() {

        return (
            <div className="border">
                <login className={"login-container"}>
                    <p className={"font-big-fat placement"}>Login</p>
                    <div className={"placement"}>
                        <br/>
                        <p className={"font-kinda-big"}>Username</p>
                        <input type="text" placeholder="Type here" className="input input-bordered input-sm w-full max-w-xs"/>
                        <br/>
                        <p className={"font-kinda-big"}>Password</p>
                        <input type="text" placeholder="Type here" className="input input-bordered input-sm w-full max-w-xs"/>
                    </div>
                    <Button text={"Login"} color={"#e2001a"} width={"25px"}/>
                </login>
            </div>
        );
    }