import { jsxs, jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import clsx from "clsx";
import { Box } from "../../../core/Box/Box.mjs";
import classes from "../Loader.module.css.mjs";
const Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes.dotsLoader, className), ...others, ref, children: [
  /* @__PURE__ */ jsx("span", { className: classes.dot }),
  /* @__PURE__ */ jsx("span", { className: classes.dot }),
  /* @__PURE__ */ jsx("span", { className: classes.dot })
] }));
Dots.displayName = "@mantine/core/Dots";
export {
  Dots
};
