import React from 'react'; import { Form, FormGroup, TextInput, Popover, HelperText, HelperTextItem, FormHelperText } from '@breakaway/preact-core'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; export const FormGroupLabelInfo: React.FunctionComponent = () => { const [name, setName] = React.useState(''); const handleNameChange = (_event, name: string) => { setName(name); }; return (
The{' '} name {' '} of a{' '} Person } bodyContent={
Often composed of{' '} givenName {' '} and{' '} familyName .
} > } isRequired fieldId="form-group-label-info" > Include your middle name if you have one.
); };