import {Description, FieldError, Input, Label, TextField} from "@heroui/react";
import React from "react";

export function TextfieldDemo() {
  return (
    <div>
      <TextField isRequired className="items-start" name="name">
        <Label>Your email</Label>
        <Input className="w-[256px]" placeholder="john@email.com" />
        <Description className="mt-0.5">We'll never share this with anyone else</Description>
        <FieldError>The email is invalid</FieldError>
      </TextField>
    </div>
  );
}
