import React from 'react';
import Field from 'terra-form-field';
import Input from 'terra-form-input';
import Fieldset from 'terra-form-fieldset';

const fieldsetwithhiddenlegend = () => (
  <Fieldset
    legend="I am the Hidden Legend"
    help="Families are eligible for family package plans"
    required
    isLegendHidden
  >
    <Field label="First" isInline required htmlFor="first">
      <Input id="first" type="text" name="first" defaultValue="" />
    </Field>
    <Field label="Middle" isInline required htmlFor="middle">
      <Input id="middle" type="text" name="middle" defaultValue="" />
    </Field>
    <Field label="Last" isInline required htmlFor="last">
      <Input id="last" type="text" name="last" defaultValue="" />
    </Field>
  </Fieldset>
);

export default fieldsetwithhiddenlegend;