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