import { useState } from "react";
import { signIn, signUp } from "./lib/fire";

function SignIn() {
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");

  return (
    <form onSubmit={(e) => e.preventDefault()}>
      <input type="email" value={email} onChange={(e) => setEmail(e.target.value)} placeholder="Email" required />
      <input type="password" value={password} onChange={(e) => setPassword(e.target.value)} placeholder="Password" required />
      <button onClick={() => signIn(email, password)}>Sign In</button>
      <button onClick={() => signUp(email, password)}>Sign Up</button>
    </form>
  );
}

export default SignIn;