import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon, SidebarFooter } from "@powerhousedao/design-system";
import { twMerge } from "tailwind-merge";
import { SidebarLogin } from "./sidebar-login.js";
import { SidebarUser } from "./sidebar-user.js";
export const ConnectSidebarFooter = ({ address, className, onLogin, onClickSettings, onInspectorClick, onDisconnect, onHomeClick, showDebug, onDebugClick, etherscanUrl = "", ...props }) => {
    return (_jsxs(SidebarFooter, { ...props, className: twMerge("flex flex-col gap-2 border-t border-gray-300 px-2 py-4", className), children: [onHomeClick && (_jsx("button", { "aria-label": "Home", type: "button", className: "flex w-full cursor-pointer items-center justify-center outline-none", onClick: onHomeClick, children: _jsx(Icon, { className: "text-gray-600", name: "ConnectSmall", size: 24 }) })), showDebug && onDebugClick && (_jsx("button", { "aria-label": "Debug Settings", type: "button", id: "connect-debug-button", className: "mt-3 flex w-full cursor-pointer items-center justify-center outline-none", onClick: onDebugClick, children: _jsx(Icon, { className: "text-gray-600", name: "Tube" }) })), _jsx("div", { className: onHomeClick ? "mt-3" : "", children: address ? (_jsx(SidebarUser, { address: address, onDisconnect: onDisconnect, etherscanUrl: etherscanUrl })) : (_jsx(SidebarLogin, { onLogin: onLogin })) }), onInspectorClick && (_jsx("button", { "aria-label": "Inspector", type: "button", className: "mt-3 flex w-full cursor-pointer items-center justify-center outline-none", onClick: onInspectorClick, children: _jsx(Icon, { className: "text-gray-600", name: "CircleInfo" }) })), _jsxs("button", { "aria-label": "Settings", type: "button", className: twMerge("mt-3 flex w-full items-center justify-center outline-none", onClickSettings ? "cursor-pointer" : "cursor-wait"), onClick: onClickSettings, children: [_jsx(Icon, { className: "text-gray-600", name: "Settings" }), _jsx("span", { className: "hidden text-sm font-semibold leading-6 text-gray-800", children: "Settings" })] })] }));
};
//# sourceMappingURL=sidebar-footer.js.map