import React from 'react';
import classNames from 'classnames/bind';
import { SelectField } from 'terra-form-select';
import styles from './common/Select.test.module.scss';

const cx = classNames.bind(styles);

const IncompleteSelectFieldExample = () => (
  <div className={cx('content-wrapper')}>
    <SelectField required isIncomplete label="T-shirt size" placeholder="Select a size" selectId="select-field" defaultValue="small">
      <SelectField.Option value="small" display="Small" />
    </SelectField>
  </div>
);

export default IncompleteSelectFieldExample;