import { jsx } from "react/jsx-runtime";
import { cx } from "../../utils/CssUtil.js";
const getNotchWidth = (handleType, isVertical)=>{
    if ('input' === handleType && !isVertical) return 'w-2';
    if ('artifact' === handleType) return 'w-2.5';
    return 'w-3';
};
const getNotchHeight = (handleType, isVertical)=>{
    if ('input' === handleType && isVertical) return 'h-2';
    if ('artifact' === handleType) return 'h-2.5';
    return 'h-3';
};
const HandleNotch = ({ handleType, isVertical, selected, hovered, showNotch })=>{
    const isActive = selected || hovered;
    return /*#__PURE__*/ jsx("div", {
        className: cx('border-2 pointer-events-none transition-all duration-250 ease-in-out', getNotchWidth(handleType, isVertical), getNotchHeight(handleType, isVertical), 'artifact' === handleType || 'input' === handleType ? 'rounded-none' : 'rounded-full', 'artifact' === handleType && 'rotate-45', isActive ? 'border-brand bg-brand' : 'border-border bg-surface', showNotch ? 'opacity-100' : 'opacity-0')
    });
};
export { HandleNotch };
