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(React.createElement("div", null,
    React.createElement(Input, { hasClear: true, defaultValue: "clear by click", size: "xs", "aria-label": "input with config of hasClear", onChange: onChange }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { hasClear: true, defaultValue: "clear by click", size: "small", "aria-label": "input with config of hasClear", onChange: onChange }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { hasClear: true, defaultValue: "2019-09-10 10:10:20", "aria-label": "input with config of hasClear", onChange: onChange, onBlur: onBlur, hint: "calendar" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { hasClear: true, defaultValue: "clear by click", size: "large", "aria-label": "input with config of hasClear", onChange: onChange }),
    React.createElement("br", null),
    React.createElement("br", null)), document.getElementById('input-demo-4'));
