"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const react_2 = require("@storybook/react");
const addon_info_1 = require("@storybook/addon-info");
const index_1 = __importDefault(require("./index"));
react_2.storiesOf('TextField', module).add('Default', addon_info_1.withInfo('Default TextField')(() => (react_1.default.createElement("div", { style: { padding: 10 } },
    react_1.default.createElement(index_1.default, { label: 'Default', placeholder: 'Enter email' }),
    react_1.default.createElement(index_1.default, { label: 'custom placeholder color', placeholder: 'Enter email', placeholderColor: '#1d99d1' }),
    react_1.default.createElement(index_1.default, { label: 'Textarea', multiline: true, placeholder: 'Enter Address' }),
    react_1.default.createElement("div", { style: { width: 300 } },
        react_1.default.createElement(index_1.default, { label: "Custom Width", icon: react_1.default.createElement("i", { className: 'icon icon-message' }), placeholder: 'Enter email', applyBorderRadius: true, value: 'storybook@kudoo.com' })),
    react_1.default.createElement("div", { style: { width: 300 } },
        react_1.default.createElement(index_1.default, { label: "With Extra Link", icon: react_1.default.createElement("i", { className: 'icon icon-message' }), placeholder: 'Enter email', applyBorderRadius: true, value: 'storybook@kudoo.com', extraLinkWithLabel: "Change" })),
    react_1.default.createElement(index_1.default, { label: 'with Top Border Radius', placeholder: 'Enter email', applyTopBorderRadius: true }),
    react_1.default.createElement(index_1.default, { label: 'No Border Radius', placeholder: 'Enter email', noBorderRadius: true }),
    react_1.default.createElement(index_1.default, { label: 'with icon', icon: react_1.default.createElement("i", { className: 'icon icon-message' }), placeholder: 'Enter email', applyBorderRadius: true }),
    react_1.default.createElement(index_1.default, { label: "Password field", type: "password", icon: react_1.default.createElement("i", { className: 'icon icon-password' }), placeholder: 'Enter password', applyBorderRadius: true }),
    react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
        react_1.default.createElement("div", { style: { width: 110, marginRight: 20 } },
            react_1.default.createElement(index_1.default, { label: "Area Code", icon: react_1.default.createElement("div", null, "+"), placeholder: '', showClearIcon: false, value: '91' })),
        react_1.default.createElement("div", { style: { width: 400 } },
            react_1.default.createElement(index_1.default, { label: "Mobile" }))),
    react_1.default.createElement(index_1.default, { label: "with invalid state", icon: react_1.default.createElement("i", { className: 'icon icon-message' }), placeholder: 'Enter email', applyBorderRadius: true, value: 'storybook@kudoo.com', error: 'Invalid Email' }),
    react_1.default.createElement(index_1.default, { label: "Custom Error Color", icon: react_1.default.createElement("i", { className: 'icon icon-message' }), placeholder: 'Enter email', applyBorderRadius: true, value: 'storybook@kudoo.com', error: 'Invalid Email', errorColor: 'red' }),
    react_1.default.createElement(index_1.default, { label: "with invalid state but dont show error message", icon: react_1.default.createElement("i", { className: 'icon icon-message' }), placeholder: 'Enter email', applyBorderRadius: true, value: 'storybook@kudoo.com', error: 'Invalid Email', showErrorMessage: false })))));
//# sourceMappingURL=index.story.js.map