import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Sidebar, SidebarPanel } from "@powerhousedao/design-system";
import { ConnectSidebarFooter } from "./sidebar-footer.js";
import { ConnectSidebarHeader } from "./sidebar-header.js";
export const ConnectSidebar = ({ onClick, address, headerContent, onClickSettings, onInspectorClick, maxWidth = "304px", minWidth = "58px", onLogin, onDisconnect, etherscanUrl, showDebug, onDebugClick, ...props }) => {
    return (_jsxs(Sidebar, { ...props, maxWidth: maxWidth, minWidth: minWidth, children: [_jsxs(SidebarPanel, { children: [_jsx(ConnectSidebarHeader, { children: headerContent }), _jsx("div", { className: "flex flex-col", children: props.children })] }), _jsx(ConnectSidebarFooter, { address: address, onClickSettings: onClickSettings, onInspectorClick: onInspectorClick, onLogin: onLogin, onDisconnect: onDisconnect, etherscanUrl: etherscanUrl, onHomeClick: onClick, showDebug: showDebug, onDebugClick: onDebugClick })] }));
};
//# sourceMappingURL=sidebar.js.map