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

// type LoginProps = {

// };

export const Login = () => {
  // interface IUSER {
  //   email: string;
  //   password: string;
  // }

  // const [error, setError] = useState("");
  // const [disabled, setDisabled] = useState(false);
  // const [success, setSuccess] = useState(false);
  // const navigate = useNavigate();

  // function handleChange(event: type) {}

  // function handleSubmit(params: type) {}

  // if (success) {
  //   alert("회원가입 되었습니다");
  //   navigate(`../`);
  // }

  return (
    <div className="flex justify-center mt-3">
      <div className="flex flex-col space-y-4 mt-5 text-xl font-bold">
        <label className="block text-gray-700 text-sm font-bold mb-2 mt-3">
          이메일
        </label>
        <input
          className="shadow appearance-none border rounded  py-2 px-3 text-gray-70"
          id="email"
          type="email"
          placeholder="이메일을 입력하세요"
        />

        <label className="block text-gray-700 text-sm font-bold mb-2 mt-3">
          비밀번호
        </label>
        <input
          className="shadow appearance-none border rounded py-2 px-3 text-gray-70"
          id="username"
          type="password"
          placeholder="비밀번호를 입력하세요"
        />
        <div className="text-center">
          <button className="bg-themeColor text-white border rounded w-100 py-2 px-3 mt-3">
            로그인
          </button>
        </div>
      </div>
    </div>
  );
};