import { jsx as _jsx } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { useState } from "react";
import { ConnectSelect } from "./select.js";
const meta = {
    title: "Connect/Components/Select",
    component: ConnectSelect,
};
export default meta;
const Template = {
    args: {
        id: "drive-settings-select",
        items: [
            {
                value: "Private",
                icon: _jsx(Icon, { name: "Hdd" }),
                description: "Only available to you",
            },
            {
                value: "Shared",
                icon: _jsx(Icon, { name: "People" }),
                description: "Only available to people in this drive",
            },
            {
                value: "Public",
                icon: _jsx(Icon, { name: "Globe" }),
                description: "Available to everyone",
                disabled: true,
            },
        ],
    },
    decorators: [
        (Story) => (_jsx("div", { className: "h-[420px] bg-white p-8", children: _jsx(Story, {}) })),
    ],
};
export const Default = {
    ...Template,
    render: function Wrapper(args) {
        const [value, setValue] = useState(args.items[0].value);
        return _jsx(ConnectSelect, { ...args, onChange: setValue, value: value });
    },
};
//# sourceMappingURL=select.stories.js.map