import { b as __makeTemplateObject, _ as __assign } from '../tslib.es6-20a2a300.js';
import { jsx, jsxs } from 'react/jsx-runtime';
import { s as styled } from '../styled-components.esm-a98d7870.js';
import { B as Box } from '../Box-581dc061.js';
import '../defaultTheme-49a26576.js';
import 'react';
import '../hoist-non-react-statics.cjs-b718ab87.js';
import '../styled-339d0187.js';
import '../clsx.m-6243b874.js';

var DotsBox = styled(Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
    var size = _a.size;
    return ({
        width: size + "px",
        height: size + "px"
    });
});
var Dots = function (_a) {
    var _b = _a.inverted, inverted = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 88 : _c;
    var SvgObject = inverted ? (jsx("svg", __assign({ viewBox: "0 0 83 83", xmlns: "http://www.w3.org/2000/svg" }, { children: jsxs("g", __assign({ fill: "#CF0", fillRule: "evenodd" }, { children: [jsx("circle", { cx: "3", cy: "3", r: "3" }, void 0), jsx("circle", { cx: "29", cy: "3", r: "3" }, void 0), jsx("circle", { cx: "54", cy: "3", r: "3" }, void 0), jsx("circle", { cx: "80", cy: "3", r: "3" }, void 0), jsx("circle", { cx: "3", cy: "54", r: "3" }, void 0), jsx("circle", { cx: "29", cy: "54", r: "3" }, void 0), jsx("circle", { cx: "54", cy: "54", r: "3" }, void 0), jsx("circle", { cx: "80", cy: "54", r: "3" }, void 0), jsx("circle", { cx: "3", cy: "29", r: "3" }, void 0), jsx("circle", { cx: "29", cy: "29", r: "3" }, void 0), jsx("circle", { cx: "54", cy: "29", r: "3" }, void 0), jsx("circle", { cx: "80", cy: "29", r: "3" }, void 0), jsx("circle", { cx: "3", cy: "80", r: "3" }, void 0), jsx("circle", { cx: "29", cy: "80", r: "3" }, void 0), jsx("circle", { cx: "54", cy: "80", r: "3" }, void 0), jsx("circle", { cx: "80", cy: "80", r: "3" }, void 0)] }), void 0) }), void 0)) : (jsx("svg", __assign({ viewBox: "0 0 134 134", xmlns: "http://www.w3.org/2000/svg" }, { children: jsxs("g", __assign({ fill: "#000", fillRule: "evenodd" }, { children: [jsxs("g", __assign({ transform: "translate(.598 .352)" }, { children: [jsx("circle", { cx: "5", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "46", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "87", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "128", cy: "5", r: "5" }, void 0)] }), void 0), jsxs("g", __assign({ transform: "translate(.598 82.352)" }, { children: [jsx("circle", { cx: "5", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "46", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "87", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "128", cy: "5", r: "5" }, void 0)] }), void 0), jsxs("g", __assign({ transform: "translate(.598 41.352)" }, { children: [jsx("circle", { cx: "5", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "46", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "87", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "128", cy: "5", r: "5" }, void 0)] }), void 0), jsxs("g", __assign({ transform: "translate(.598 123.352)" }, { children: [jsx("circle", { cx: "5", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "46", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "87", cy: "5", r: "5" }, void 0), jsx("circle", { cx: "128", cy: "5", r: "5" }, void 0)] }), void 0)] }), void 0) }), void 0));
    return jsx(DotsBox, __assign({ size: size }, { children: SvgObject }), void 0);
};
var templateObject_1;

export { Dots as default };
