import { jsx } from "react/jsx-runtime";
/* empty css                                                                                                                                                                                       */
/* empty css                                                                                                                                                                                        */
/* empty css                                                                                                                                                                                                */
/* empty css                                                                                                                                                                                           */
/* empty css                                                                                                                                                                                           */
import { Box } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.mjs";
const Dot = ({ color, size = 8, ...rest }) => {
  return /* @__PURE__ */ jsx(
    Box,
    {
      sx: (theme) => {
        var _a;
        return {
          backgroundColor: ((_a = theme.colors[color]) == null ? void 0 : _a[7]) ?? theme.colors.carbon[6],
          height: size,
          width: size,
          borderRadius: "50%"
        };
      },
      ...rest
    }
  );
};
export {
  Dot
};
