var _a;
import { __assign } from "tslib";
import * as React from 'react';
import { CustomPoints, getSecureProps, Points } from '../../utilities/utilities';
var pointPath = (_a = {},
    _a["".concat(Points[Points.circle])] = 'M1 6 A5 5 0 1 0  12 6 M1 6 A5 5 0 0 1  12 6',
    _a["".concat(Points[Points.square])] = 'M1 1 L12 1 L12 12  L1 12 L1 1 Z',
    _a["".concat(Points[Points.triangle])] = 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',
    _a["".concat(Points[Points.pyramid])] = 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',
    _a["".concat(Points[Points.diamond])] = 'M2 2 L10 2 L10 10  L2 10 L2 2 Z',
    _a["".concat(Points[Points.hexagon])] = 'M9 0H3L0 5L3 10H9L12 5L9 0Z',
    _a["".concat(Points[Points.pentagon])] = 'M6.06061 0L0 4.21277L2.30303 11H9.69697L12 4.21277L6.06061 0Z',
    _a["".concat(Points[Points.octagon])] = 'M7.08333 0H2.91667L0 2.91667V7.08333L2.91667 10H7.08333L10 7.08333V2.91667L7.08333 0Z',
    _a["".concat(CustomPoints[CustomPoints.dottedLine])] = 'M0 6 H3 M5 6 H8 M10 6 H13',
    _a);
export var Shape = function (_a) {
    var svgProps = _a.svgProps, pathProps = _a.pathProps, shape = _a.shape, classNameForNonSvg = _a.classNameForNonSvg;
    if (Object.keys(pointPath).indexOf(shape) === -1) {
        return React.createElement("div", { className: classNameForNonSvg });
    }
    return (React.createElement("svg", __assign({ width: 14, height: 14, viewBox: '-1 -1 14 14' }, getSecureProps(svgProps), { transform: "rotate(".concat(shape === Points[Points.diamond] ? 45 : shape === Points[Points.pyramid] ? 180 : 0, ", 0, 0)") }),
        React.createElement("path", __assign({ d: pointPath[shape] }, getSecureProps(pathProps)))));
};
//# sourceMappingURL=shape.js.map