import Button from '../../button';
import Input from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import Select from '../../select';
const select = (
  <Select aria-label="please select">
    <option value="https">https</option>
    <option value="http">http</option>
  </Select>
);
const button = <Button>search</Button>;
ReactDOM.render(
  <div>
    <Input.Group addonBefore={select} addonAfter={button} >
      <Input
        hasClear
        defaultValue="abc"
        style={{ width: '100%' }}
        aria-label="please input"
      />
    </Input.Group>
    <br />
    <br />
    <Input.Group addonBefore={select} addonAfter={button} >
      <Input
        hasClear
        defaultValue="abc"
        style={{ width: '100%' }}
        aria-label="please input"
      />
    </Input.Group>
    <br />
    <br />
    <Input.Group addonBefore={select} addonAfter={button} >
      <Input
        hasClear
        defaultValue="abc"
        style={{ width: '100%' }}
        aria-label="please input"
      />
    </Input.Group>
    <br />
    <br />
    <Input
      addonTextAfter=".com"
      addonBefore={select}
      aria-label="please input"
    />
  </div>,
  document.getElementById('input-demo-11'),
);