#SelectCountry

<Field.SelectCountry
  onChange={(value) => console.log('onChange', value)}
/>

<Field.SelectCountry
  placeholder="Select something...."
  onChange={(value) => console.log('onChange', value)}
/>

<Field.SelectCountry
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
/>

<Field.SelectCountry
  value="bar"
  onChange={(value) => console.log('onChange', value)}
/>

<Field.SelectCountry
  value="bar"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
/>

<Field.SelectCountry
  value="bar"
  label="Label text"
  help={{
    title: 'Help is available',
    contents:
      'Helping others, encouraging others, are often acts of being kind that have more meaning that you may realize.',
  }}
  onChange={(value) => console.log('onChange', value)}
/>

<Field.SelectCountry
  value="bar"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  disabled
/>

<Field.SelectCountry
  value="bar"
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  error={new FormError('This is what is wrong...')}
/>

<Field.SelectCountry
  label="Label text"
  onChange={(value) => console.log('onChange', value)}
  required
  validateInitially
  validateUnchanged
/>