"use client";

import {
  Field,
  FieldControl,
  FieldLabel,
  Fieldset,
  FieldsetLegend,
  Input,
} from "@countryclub/ui-react";

export default function FieldsetDemo() {
  return (
    <Fieldset className="w-full max-w-sm">
      <FieldsetLegend>Guest pass details</FieldsetLegend>
      <Field name="guestName">
        <FieldLabel>Guest name</FieldLabel>
        <FieldControl render={<Input placeholder="Eleanor Vance" />} />
      </Field>
      <Field name="hostMember">
        <FieldLabel>Hosting member</FieldLabel>
        <FieldControl render={<Input defaultValue="A. Whitmore" />} />
      </Field>
    </Fieldset>
  );
}
Fieldset

Import

Default
