import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import renownShortHover from "@powerhousedao/design-system/assets/renown-short-hover.png";
import renownShort from "@powerhousedao/design-system/assets/renown-short.png";
import { twMerge } from "tailwind-merge";
import { AccountPopoverLogin } from "../account-popover/account-popover-login.js";
import { AccountPopover } from "../account-popover/account-popover.js";
export const SidebarLogin = ({ onLogin }) => {
    const content = _jsx(AccountPopoverLogin, { onLogin: onLogin });
    return (_jsx(AccountPopover, { content: content, children: _jsxs("div", { className: twMerge("group/sidebar-footer flex w-full items-baseline justify-start text-sm font-semibold leading-10 text-gray-600", onLogin ? "cursor-pointer" : "cursor-wait"), children: [_jsx("img", { width: 42, height: 42, loading: "lazy", className: "group-hover/sidebar-footer:hidden", src: renownShort, alt: "Renown Login" }), _jsx("img", { width: 42, height: 42, loading: "lazy", className: "hidden group-hover/sidebar-footer:block", src: renownShortHover, alt: "Renown Login Hover" })] }) }));
};
//# sourceMappingURL=sidebar-login.js.map