@stakefish/ui/components/Dots.js

<div align="center"> <a href="https://www.npmjs.com/package/@stakefish/ui"><img src="https://gateway.pinata.cloud/ipfs/QmbZL1ceA8Yiz2pKALTg919jYx141DPUGegC9L4XpyayW5" width="300" /></a> </div>

import { _ as __assign } from '../tslib.es6-35932c2c.js';
import { jsx, jsxs } from 'react/jsx-runtime';
import { styled } from '@mui/material/styles';
import MuiBox from '@mui/material/Box';

var DotsBox = styled(MuiBox)(function (_a) {
    var _b = _a.size, size = _b === void 0 ? 88 : _b, _c = _a.rotate, rotate = _c === void 0 ? 0 : _c;
    return ({
        width: "".concat(size, "px"),
        height: "".concat(size, "px"),
        transform: "rotate(".concat(rotate, "deg)")
    });
});
var Dots = function (_a) {
    var _b = _a.inverted, inverted = _b === void 0 ? false : _b, rotate = _a.rotate, size = _a.size;
    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({ rotate: rotate, size: size }, { children: SvgObject }), void 0));
};

export { Dots as default };