import { jsx as _jsx } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { useState } from "react";
import { ConnectDropdownMenu } from "./dropdown-menu.js";
const meta = {
    title: "Connect/Components/Dropdown Menu",
    component: ConnectDropdownMenu,
};
export default meta;
export const Default = {
    args: {
        onItemClick: () => { },
        children: null,
        items: [
            {
                id: "duplicate",
                label: "Duplicate",
                icon: _jsx(Icon, { name: "FilesEarmark" }),
            },
            {
                id: "new-folder",
                label: "New Folder",
                icon: _jsx(Icon, { name: "FolderPlus" }),
            },
            {
                id: "rename",
                label: "Rename",
                icon: _jsx(Icon, { name: "Pencil" }),
            },
            {
                id: "delete",
                label: "Delete",
                icon: _jsx(Icon, { name: "Trash" }),
                className: "text-red-900",
            },
        ],
    },
    render: function Wrapper(args) {
        const [open, setOpen] = useState(false);
        function toggleOpen() {
            setOpen(!open);
        }
        return (_jsx(ConnectDropdownMenu, { ...args, onOpenChange: setOpen, open: open, children: _jsx("button", { onClick: toggleOpen, children: "Toggle" }) }));
    },
};
//# sourceMappingURL=dropdown-menu.stories.js.map