import Headline from "../components/Headline.tsx";
import { define } from "../utils.ts";

export default define.page(function SignUpPage(ctx) {
  return (
    <form class="container mx-auto p-4 flex flex-col gap-4">
      <Headline>Sign up</Headline>
      <input
        type="email"
        name="email"
        placeholder="E-Mail"
        class="input w-full"
      />
      <div class="flex flex-row gap-4">
        <input
          type="text"
          name="firstName"
          placeholder="First name"
          class="input w-full"
        />
        <input
          type="text"
          name="lastName"
          placeholder="Last name"
          class="input w-full"
        />
      </div>
      <button type="submit" class="btn btn-primary self-start">
        Sign up
      </button>
    </form>
  );
});