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

export default function Login(){
    return(
        <div className="artboard-demo phone-1">
            <login className={"login-container"}>
                <p className={"font-big"}>Login</p>
                <p className={"font-middle placement"} align={"screenLeft"}>Username</p>
                <input type="text" placeholder="Type here" className="input input-bordered w-full max-w-xs" />
                <p className={"font-middle placement"} >Password</p>
                <input type="text" placeholder="Type here" className="input input-bordered w-full max-w-xs" />
                <br/>
                <Button text={"Login"} color={"#808080"} width={"25px"}/>
            </login>
        </div>
    );
}