import Input from '..';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(React.createElement("div", null,
    React.createElement(Input, { state: "error", placeholder: "error", size: "xs", "aria-live": "assertive", "aria-label": "error" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "error", placeholder: "error", size: "small", "aria-live": "assertive", "aria-label": "error" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "error", showLimitHint: true, maxLength: 100, placeholder: "error", size: "medium", "aria-live": "assertive", "aria-label": "error" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "error", multiple: true, placeholder: "error", size: "large", "aria-live": "assertive", "aria-label": "error" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "success", size: "xs", value: "success", "aria-live": "assertive", "aria-label": "success" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "success", size: "small", value: "success", "aria-live": "assertive", "aria-label": "success" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "success", maxLength: 100, showLimitHint: true, placeholder: "success", size: "medium", "aria-live": "assertive", "aria-label": "success" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "success", placeholder: "success", size: "large", "aria-live": "assertive", "aria-label": "success" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "loading", placeholder: "loading", size: "xs", "aria-live": "assertive", "aria-label": "loading" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "loading", placeholder: "loading", size: "small", "aria-live": "assertive", "aria-label": "loading" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "loading", placeholder: "loading", size: "medium", "aria-live": "assertive", "aria-label": "loading" }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Input, { state: "loading", placeholder: "loading", size: "large", "aria-live": "assertive", "aria-label": "loading" }),
    React.createElement("br", null),
    React.createElement("br", null)), document.getElementById('input-demo-5'));
