import { jsx } from "react/jsx-runtime";
function EdgeLabel({ x, y, text, selected }) {
    return /*#__PURE__*/ jsx("foreignObject", {
        x: x,
        y: y,
        width: 1,
        height: 1,
        overflow: "visible",
        style: {
            pointerEvents: 'none'
        },
        children: /*#__PURE__*/ jsx("div", {
            className: "react-flow__edge-label nodrag nopan",
            style: {
                position: 'absolute',
                transform: 'translate(-50%, -50%)',
                whiteSpace: 'nowrap',
                pointerEvents: 'none',
                color: 'var(--canvas-foreground)',
                background: 'var(--canvas-background)',
                padding: '4px 8px',
                borderRadius: '4px',
                fontSize: '12px',
                fontWeight: 500,
                border: `1px solid ${selected ? 'var(--canvas-primary)' : 'var(--canvas-border)'}`,
                boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1)'
            },
            children: text
        })
    });
}
export { EdgeLabel };
