Login.tsx

import React from "react";

// type LoginProps = {

// };

export const Login = () => (
  <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>
);