import { jsx } from "react/jsx-runtime";
import { memo } from "react";
import { Row, cn } from "@uipath/apollo-wind";
const CANVAS_MODE_TOOLBAR_HEIGHT = 48;
const TOOLBAR_ICON_BUTTON_CLASS = 'text-foreground-muted hover:bg-surface-hover hover:text-foreground [&_svg]:size-5 [&_svg]:transition-all hover:[&_svg]:size-6 disabled:hover:[&_svg]:size-5';
const CanvasModeToolbar_CountBadge = /*#__PURE__*/ memo(function({ count, variant = 'default' }) {
    if (count <= 0) return null;
    return /*#__PURE__*/ jsx("span", {
        className: `absolute -top-1 -right-1 min-w-[16px] h-4 px-1 text-[10px] font-medium rounded-full flex items-center justify-center ${'destructive' === variant ? 'bg-destructive text-destructive-foreground' : 'bg-muted text-muted-foreground'}`,
        children: count
    });
});
const CanvasModeToolbar_CanvasModeToolbar = /*#__PURE__*/ memo(function({ children, className }) {
    return /*#__PURE__*/ jsx(Row, {
        "data-testid": "canvas-toolbar",
        className: cn('gap-2 items-center rounded-2xl border border-border-subtle bg-surface-raised text-foreground px-2.5 backdrop-blur-sm shadow-lg', className),
        style: {
            height: CANVAS_MODE_TOOLBAR_HEIGHT
        },
        children: children
    });
});
export { CANVAS_MODE_TOOLBAR_HEIGHT, CanvasModeToolbar_CanvasModeToolbar as CanvasModeToolbar, CanvasModeToolbar_CountBadge as CountBadge, TOOLBAR_ICON_BUTTON_CLASS };
