Files
AnimeTV-Frontend/features/login/ui/EmailForm.tsx
Rafi Arrafif fcebe9708d 🚚 separating forms ui and logic
separate the form from other elements on the signup and login cards
2025-08-05 10:40:21 +07:00

28 lines
585 B
TypeScript

"use client";
import { Button, Form, Input } from "@heroui/react";
import React from "react";
const EmailForm = () => {
return (
// Form component to handle email input
<Form className="mt-12 sm:mt-8">
<Input
className="w-full "
label="Email"
type="email"
variant="bordered"
classNames={{
input: "text-md font-light pt-4",
inputWrapper: "flex gap-10",
}}
/>
<Button className="mt-2 w-full" color="primary">
Continue
</Button>
</Form>
);
};
export default EmailForm;