<ValidationFormGroup
  for="firstName"
  helpText="This is your name."
>
  <label htmlFor="firstName">First Name</label>
  <Input
    type="text"
    id="firstName"
    name="first-name"
    value="Casey"
    onChange={() => {}}
  />
</ValidationFormGroup>

<ValidationFormGroup
  for="firstName"
  invalid
  invalidMessage="Wrong!"
>
  <label htmlFor="firstName">First Name</label>
  <Input
    type="text"
    id="firstName"
    name="first-name"
    value="Casey"
    onChange={() => {}}
  />
</ValidationFormGroup>

<ValidationFormGroup
  for="firstName"
  valid
  validMessage="What a nice name!"
>
  <label htmlFor="firstName">First Name</label>
  <Input
    type="text"
    id="firstName"
    name="first-name"
    value="Casey"
    onChange={() => {}}
  />
</ValidationFormGroup>

<>
<ValidationFormGroup
  for="weatherToday"
  helpText="Look out the window to see."
  valid
  validMessage="Correct!"
>
  <label htmlFor="weatherToday">How is the weather today?</label>
  <select
    className="form-control"
    id="weatherToday"
    name="weather"
    value="Sunny"
    onChange={() => {}}
  >
    <option>Sunny</option>
    <option>Cloudy</option>
    <option>Rainy</option>
    <option>Snowy</option>
  </select>
</ValidationFormGroup>
<ValidationFormGroup
  for="weatherTomorrow"
  helpText="Incoming weather."
  invalid
  invalidMessage="No good!"
>
  <Form.Control type='text' value='Cloudy' />
</ValidationFormGroup>
</>