import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { AccountPopoverLogin } from "./account-popover-login.js";
import { AccountPopoverUser } from "./account-popover-user.js";
import { AccountPopover } from "./account-popover.js";
const meta = {
    title: "Connect/Components/AccountPopover",
    component: AccountPopover,
    parameters: {
        layout: "centered",
    },
};
export default meta;
export const LoggedOut = {
    args: {
        children: (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-gray-300 px-4 py-2", children: [_jsx(Icon, { name: "Settings", className: "text-gray-600" }), _jsx("span", { className: "text-sm font-medium", children: "Connect" })] })),
        content: (_jsx(AccountPopoverLogin, { onLogin: () => console.log("Login clicked") })),
    },
};
const address = "0x418CF32C411DC2F1BE7DE1D35FD98B1DA0719";
export const LoggedIn = {
    args: {
        children: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-8 w-8 rounded-full bg-gray-200" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-sm font-medium", children: "Willow.eth" }), _jsx("span", { className: "text-xs text-gray-500", children: `${address.slice(0, 6)}...${address.slice(-4)}` })] })] })),
        content: (_jsx(AccountPopoverUser, { address: address, onDisconnect: () => console.log("Disconnect clicked"), etherscanUrl: `https://etherscan.io/address/${address}` })),
    },
};
//# sourceMappingURL=account-popover.stories.js.map