import Input from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const onChange = value => {
  console.log(value);
};
const onBlur = e => {
  console.log(e);
};
ReactDOM.render(
  <div>
    <Input
      hasClear
      defaultValue="clear by click"
      size="xs"
      aria-label="input with config of hasClear"
      onChange={onChange}
    />
    <br />
    <br />
    <Input
      hasClear
      defaultValue="clear by click"
      size="small"
      aria-label="input with config of hasClear"
      onChange={onChange}
    />
    <br />
    <br />

    <Input
      hasClear
      defaultValue="2019-09-10 10:10:20"
      aria-label="input with config of hasClear"
      onChange={onChange}
      onBlur={onBlur}
      hint="calendar"
    />
    <br />
    <br />

    <Input
      hasClear
      defaultValue="clear by click"
      size="large"
      aria-label="input with config of hasClear"
      onChange={onChange}
    />
    <br />
    <br />
  </div>,
  document.getElementById('input-demo-4'),
);