import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { PanelLeft } from "lucide-react";
import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
import { cn } from "../../lib/utils";
export function LabelButton({ showLabels, toggleShowLabels, isMobile = false, }) {
    return (_jsxs(Tooltip, { delayDuration: 500, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { className: cn("flex h-8 w-8 flex-col items-center justify-center rounded border p-1.5", showLabels
                        ? "min-h-14 w-16 border-gray-300 bg-gray-100 text-gray-900"
                        : "border-transparent text-gray-500 hover:border-gray-200 hover:bg-gray-50 hover:text-gray-700", isMobile ? "h-full min-h-0 size-7" : "", isMobile && showLabels ? "w-16 h-11" : "", isMobile && !showLabels ? "px-0 border-none" : ""), onClick: toggleShowLabels, "data-testid": "label-button", children: [_jsx(PanelLeft, { className: "h-4 w-4 shrink-0", strokeWidth: 1.5 }), showLabels && (_jsx("span", { className: cn("mt-0.5 max-w-full text-center text-[10px] leading-tight", isMobile
                                ? "w-full whitespace-nowrap"
                                : "font-medium wrap-break-word"), children: showLabels ? "Hide labels" : "" }))] }) }), _jsx(TooltipContent, { side: "right", children: showLabels ? "Hide labels" : "Show labels" })] }));
}
//# sourceMappingURL=LabelButton.js.map