import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { fn } from "@storybook/test";
import { WagmiContext } from "../../context/WagmiContext.js";
import { ConnectTooltipProvider } from "../tooltip/tooltip.js";
import { SidebarItem } from "./sidebar-item.js";
import { ConnectSidebar } from "./sidebar.js";
const meta = {
    title: "Connect/Components/Sidebar",
    component: ConnectSidebar,
};
export default meta;
const user = {
    address: "0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045",
};
const Wrapper = (args) => {
    return (_jsx(WagmiContext, { children: _jsx(ConnectTooltipProvider, { children: _jsx("div", { className: "relative h-screen", children: _jsxs(ConnectSidebar, { ...args, headerContent: _jsx("div", { className: "flex h-full items-center", children: _jsx(Icon, { name: "ConnectSmall", size: 24 }) }), children: [_jsx(SidebarItem, { title: "My Local Drive" }), _jsx(SidebarItem, { title: "Shared Documents" }), _jsx(SidebarItem, { title: "Project Files", active: true }), _jsx(SidebarItem, { title: "Archive" }), _jsx(SidebarItem, { title: "Templates" }), _jsx(SidebarItem, { title: "Backups" }), _jsx(SidebarItem, { title: "Settings" })] }) }) }) }));
};
export const Expanded = {
    render: Wrapper,
    args: {
        onLogin: fn(),
        onDisconnect: fn(),
        etherscanUrl: "https://etherscan.io/",
    },
};
export const WithLoggedInUser = {
    render: Wrapper,
    args: {
        address: user.address,
        // implent an storybook action here
        onLogin: fn(),
        onDisconnect: fn(),
        etherscanUrl: `https://etherscan.io/address/${user.address}`,
    },
};
//# sourceMappingURL=sidebar.stories.js.map