import React from "react";

type SignUpProps = {};

export const SignUp = ({}: SignUpProps) => (
  <div className="flex justify-center mt-3">
    <div className="text-slate-300 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-60"
        id="name"
        type="name"
        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="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>
);