"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 addon_actions_1 = require("@storybook/addon-actions");
const index_1 = __importDefault(require("./index"));
react_2.storiesOf('Dropdown', module).add('Default', addon_info_1.withInfo('Default')(() => (react_1.default.createElement("div", { style: { margin: 10 } },
    react_1.default.createElement("h4", null, "Default"),
    react_1.default.createElement(index_1.default, { label: "Gender", items: [
            { label: 'Male', value: 'male' },
            { label: 'Female', value: 'female' },
        ] }),
    react_1.default.createElement("h4", null, "Selected"),
    react_1.default.createElement(index_1.default, { selectedIndex: 0, items: [
            { label: 'Male', value: 'male' },
            { label: 'Female', value: 'female' },
        ] }),
    react_1.default.createElement("h4", null, "Multiple Selection"),
    react_1.default.createElement(index_1.default, { multiple: true, items: [
            { label: 'First', value: 'First' },
            { label: 'Second', value: 'Second' },
            { label: 'Third', value: 'Third' },
            { label: 'Fourth', value: 'Fourth' },
            { label: 'Fifth', value: 'Fifth' },
        ] }),
    react_1.default.createElement("h4", null, "Multiple initial Selection using index"),
    react_1.default.createElement(index_1.default, { multiple: true, selectedIndex: [0, 2], items: [
            { label: 'First', value: 'First' },
            { label: 'Second', value: 'Second' },
            { label: 'Third', value: 'Third' },
            { label: 'Fourth', value: 'Fourth' },
            { label: 'Fifth', value: 'Fifth' },
        ] }),
    react_1.default.createElement("h4", null, "Multiple initial Selection using value"),
    react_1.default.createElement(index_1.default, { multiple: true, value: ['First', 'Third'], items: [
            { label: 'First', value: 'First' },
            { label: 'Second', value: 'Second' },
            { label: 'Third', value: 'Third' },
            { label: 'Fourth', value: 'Fourth' },
            { label: 'Fifth', value: 'Fifth' },
        ] }),
    react_1.default.createElement("h4", null, "Custom Placeholder & without Label"),
    react_1.default.createElement(index_1.default, { placeholder: 'Select Gender', items: [
            { label: 'Male', value: 'male' },
            { label: 'Female', value: 'female' },
        ] }),
    react_1.default.createElement("h4", null, "onChange function"),
    react_1.default.createElement(index_1.default, { placeholder: 'Select Gender', onChange: addon_actions_1.action('on-change'), items: [
            { label: 'Male', value: 'male' },
            { label: 'Female', value: 'female' },
        ] }),
    react_1.default.createElement("h4", null, "Disabled"),
    react_1.default.createElement(index_1.default, { placeholder: 'Select Gender', disabled: true, selectedIndex: 0, items: [
            { label: 'Male', value: 'male' },
            { label: 'Female', value: 'female' },
        ] }),
    react_1.default.createElement("h4", null, "With Error"),
    react_1.default.createElement(index_1.default, { placeholder: 'Select Gender', disabled: true, items: [
            { label: 'Male', value: 'male' },
            { label: 'Female', value: 'female' },
        ], error: 'Please select your gender' })))));
//# sourceMappingURL=index.story.js.map