"use client";
import { useState } from "react";

import { login, signup } from "@/lib/server_functions/userAuth";
import Form from "@/components/ui/Form";
export default function Login() {
  const [createAccount, setCreateAccount] = useState(false);

  return (
    <div className="flex h-full w-full justify-center py-10">
      <Form
        action={createAccount ? login : signup}
        submitText={createAccount ? "Login" : "Signup"}
      >
        <input type="text" name="username" placeholder="Username" required />
        <input
          type="password"
          name="password"
          placeholder="Password"
          required
        />
        <button onClick={() => setCreateAccount(!createAccount)}>
          {createAccount
            ? "Don't have an account?"
            : "Already have an account?"}
        </button>
      </Form>
    </div>
  );
}