import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ThemeProvider } from "styled-components";
import InputGroup from "../input-group";
import theme from "../theme/equilibrium-v2.theme";
import Select from "./select";
export default {
    component: Select,
    title: "New/Select",
    decorators: [
        (Story) => (_jsx(ThemeProvider, { theme: theme, children: _jsx(Story, {}) })),
    ],
};
const Template = (args) => _jsx(Select, { ...args });
export const SelectStories = () => {
    return (_jsxs(InputGroup, { children: [_jsxs(Template, { label: "Label", placeholder: "Placeholder", readOnly: true, children: [_jsx(Select.Option, { value: "value", children: "value" }), _jsx(Select.Option, { value: "value1", children: "value1" }), _jsx(Select.Option, { value: "value2", children: "value2" })] }), _jsxs(Template, { value: "value", onChange: () => { }, label: "Label", placeholder: "Placeholder", disabled: true, children: [_jsx(Select.Option, { value: "value", children: "value" }), _jsx(Select.Option, { value: "value1", children: "value1" }), _jsx(Select.Option, { value: "value2", children: "value2" })] }), _jsxs(Template, { value: "value", onChange: () => { }, label: "Label", placeholder: "Placeholder", error: true, children: [_jsx(Select.Option, { value: "value", children: "value" }), _jsx(Select.Option, { value: "value1", children: "value1" }), _jsx(Select.Option, { value: "value2", children: "value2" }), _jsx(Select.Option, { value: "value3", children: "value3" }), _jsx(Select.Option, { value: "value4", children: "value4" }), _jsx(Select.Option, { value: "value5", children: "value5" }), _jsx(Select.Option, { value: "value6", children: "value6" }), _jsx(Select.Option, { value: "value7", children: "value7" }), _jsx(Select.Option, { value: "value8", children: "value8" }), _jsx(Select.Option, { value: "value9", children: "value9" }), _jsx(Select.Option, { value: "value10", children: "value10" })] }), _jsxs(Template, { label: "Label", placeholder: "Placeholder", linkLabel: "link", value: "value", leadingIcon: _jsx("div", { children: "lead" }), onChange: (v) => {
                    console.log(v);
                }, children: [_jsx(Select.Option, { value: "value", children: "value" }), _jsx(Select.Option, { value: "value1", children: "value1" }), _jsx(Select.Option, { value: "value2", children: "value2" })] })] }));
};
//# sourceMappingURL=select.stories.js.map