import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { DollarSign } from "lucide-react";
import { Button } from "../../../../components/ui/button";
import { Popover, PopoverContent, PopoverTrigger, } from "../../../../components/ui/popover";
export function AgentMobileStatusPopover({ open, onOpenChange, children, }) {
    return (_jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { onClick: () => onOpenChange(!open), variant: "outline", size: "sm", className: "hover:bg-neutral-grey-10 h-5.5 w-5.5 cursor-pointer rounded-full", "aria-expanded": open, "aria-label": "Toggle cost and context info", children: _jsx(DollarSign, { className: "size-3", strokeWidth: 1 }) }) }), _jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: _jsx("div", { className: "max-h-56 overflow-y-auto p-2", children: children }) })] }));
}
//# sourceMappingURL=AgentMobileStatusPopover.js.map