import { alpha } from '@mui/material/styles';
import { theme } from '../../../../constants';
var PADDING = 1.5;
export var drawNodeArc = function (context, data, _a) {
    var _b = _a === void 0 ? {} : _a, _c = _b.padding, padding = _c === void 0 ? PADDING : _c, _d = _b.color, color = _d === void 0 ? '#FFF' : _d, _e = _b.lineWidth, lineWidth = _e === void 0 ? 4 : _e;
    context.lineWidth = lineWidth;
    context.strokeStyle = color;
    context.beginPath();
    context.arc(data.x, data.y, data.size + padding, 0, Math.PI * 2);
    context.closePath();
    context.stroke();
};
export var drawOuterArc = function (context, data) {
    if (data.selected) {
        context.shadowColor = alpha(theme.palette.primary.main, 0.5);
        context.shadowBlur = 10;
        drawNodeArc(context, data, {
            lineWidth: 2,
            color: theme.palette.primary.main,
            padding: 4.5
        });
        context.shadowColor = 'none';
        context.shadowBlur = 0;
    }
};
export var drawTwoArcs = function (context, data) {
    drawOuterArc(context, data);
    drawNodeArc(context, data);
};
