import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Select from "./index";
export default {
    title: "Controls/Select",
    component: Select,
};
export const Basic = () => (_jsxs(Select, { onSelect: (key) => console.log(`You clicked item ${key}`), width: "210px" // not nessesary for default width
    , children: [_jsx(Select.Option, { children: "10" }, "1"), _jsx(Select.Option, { children: "20" }, "2"), _jsx(Select.Option, { children: "30" }, "3")] }));
export const BasicWithManyOptions = () => (_jsx(Select, { onSelect: (key) => console.log(`You clicked item ${key}`), width: "210px" // not nessesary for default width
    , 
    // fixme
    fixedDropdownHeight: true, children: new Array(100).fill(null).map((_, index) => {
        return _jsx(Select.Option, { children: index }, index);
    }) }));
export const WithTitle = () => (_jsxs(Select, { onSelect: (key) => console.log(`You clicked item ${key}`), title: "Total Allocation", width: "210px" // not nessesary for default width
    , children: [_jsx(Select.Option, { children: "10" }, "1"), _jsx(Select.Option, { children: "20" }, "2"), _jsx(Select.Option, { children: "30" }, "3")] }));
export const WithInnerTitle = () => (_jsxs(Select, { onSelect: (key) => console.log(`You clicked item ${key}`), innerTitle: "Total Allocation", width: "210px" // not nessesary for default width
    , children: [_jsx(Select.Option, { children: "10" }, "1"), _jsx(Select.Option, { children: "20" }, "2"), _jsx(Select.Option, { children: "30" }, "3")] }));
export const WithPreselectedKey = () => (_jsxs(Select, { onSelect: (key) => console.log(`You clicked item ${key}`), title: "Total Allocation", width: "210px" // not nessesary for default width
    , preselectedKey: "2", children: [_jsx(Select.Option, { children: "10" }, "1"), _jsx(Select.Option, { children: "20" }, "2"), _jsx(Select.Option, { children: "30" }, "3")] }));
export const disabled = () => (_jsxs(Select, { onSelect: (key) => console.log(`You clicked item ${key}`), title: "Total Allocation", width: "210px" // not nessesary for default width
    , disabled: true, children: [_jsx(Select.Option, { children: "10" }, "1"), _jsx(Select.Option, { children: "20" }, "2"), _jsx(Select.Option, { children: "30" }, "3")] }));
export const WithPlaceholder = () => (_jsxs(Select, { onSelect: (key) => console.log(`You clicked item ${key}`), title: "Total Allocation", placeholder: _jsx(Select.Option, { children: "Select option" }), width: "210px" // not nessesary for default width
    , children: [_jsx(Select.Option, { children: "10" }, "1"), _jsx(Select.Option, { children: "20" }, "2"), _jsx(Select.Option, { children: "30" }, "3")] }));
export const Wide = () => (_jsxs(Select, { onSelect: (key) => console.log(`You clicked item ${key}`), title: "Polka wallet", width: "522px", children: [_jsxs(Select.Option, { children: ["0x01fd70....86435437 ", _jsx("span", { style: { float: "right" }, children: "13 456 ETH" })] }, "1"), _jsxs(Select.Option, { children: ["0x02fd70....86435437 ", _jsx("span", { style: { float: "right" }, children: "23 456 ETH" })] }, "2"), _jsxs(Select.Option, { children: ["0x03fd70....86435437 ", _jsx("span", { style: { float: "right" }, children: "33 456 ETH" })] }, "3")] }));
export const WithSubscript = () => (_jsxs(Select, { onSelect: (key) => console.log(`Tou clicked item ${key}`), subscript: "Something", children: [_jsx(Select.Option, { children: "10" }, "1"), _jsx(Select.Option, { children: "20" }, "2"), _jsx(Select.Option, { children: "30" }, "3")] }));
export const Errored = () => (_jsxs(Select, { onSelect: (key) => console.log(`Tou clicked item ${key}`), error: true, children: [_jsx(Select.Option, { children: "10" }, "1"), _jsx(Select.Option, { children: "20" }, "2"), _jsx(Select.Option, { children: "30" }, "3")] }));
export const WithErrorMessage = () => (_jsxs(Select, { onSelect: (key) => console.log(`Tou clicked item ${key}`), error: "Error message!", children: [_jsx(Select.Option, { children: "10" }, "1"), _jsx(Select.Option, { children: "20" }, "2"), _jsx(Select.Option, { children: "30" }, "3")] }));
//# sourceMappingURL=index.stories.js.map