import React, { useState } from "react";
import { Link } from "react-router-dom";

export default function Signup() {
  return (
    <div className="flex flex-col ">
      <div className="p-12 w-1/2 h-1/2 md:w-40 md:h-1/6 bg-red-400 place-self-center rounded-2xl">
        <Link to="/">Travel Report</Link>
      </div>
      <form className="py-3 border-b border-white ">
        <input
          className="placeholder:text-slate-300
          bg-white border border-slate-500 rounded-2xl
          py-2 pl-9 pr-3
          focus:border-black"
          placeholder="비밀번호"
          type="text"
          name="password"
          // value={password}
          // onChange={(e) => setPassword(e.target.value)}
        />

        <input
          className="placeholder:text-slate-300
          bg-white border border-slate-500 rounded-2xl
          py-2 pl-9 pr-3
          focus:border-black"
          placeholder="비밀번호"
          type="text"
          name="password"
          // value={password}
          // onChange={(e) => setPassword(e.target.value)}
        />
        <input
          className="placeholder:text-slate-300 bg-white border border-slate-500 rounded-2xl py-2 pl-9 pr-3 focus:border-black"
          placeholder="email"
          type="text"
          name="Id"
        />
      </form>
    </div>
  );
}
