import { jsx as l } from "react/jsx-runtime";
import { c as s } from "./bind-CU-R61T-.mjs";
const _ = {
  "purpur-color-dot": "_purpur-color-dot_1n98k_1",
  "purpur-color-dot--xs": "_purpur-color-dot--xs_1n98k_6",
  "purpur-color-dot--sm": "_purpur-color-dot--sm_1n98k_9",
  "purpur-color-dot--md": "_purpur-color-dot--md_1n98k_12",
  "purpur-color-dot--lg": "_purpur-color-dot--lg_1n98k_15",
  "purpur-color-dot--with-border": "_purpur-color-dot--with-border_1n98k_18"
}, n = s.bind(_), o = "purpur-color-dot", e = ["xs", "sm", "md", "lg"], i = ({
  color: r,
  size: p,
  withBorder: t,
  className: u,
  style: c = {},
  ...d
}) => /* @__PURE__ */ l(
  "div",
  {
    ...d,
    className: n(u, o, `${o}--${p}`, {
      [`${o}--with-border`]: t
    }),
    style: {
      ...c,
      backgroundColor: r
    }
  }
);
export {
  e as C,
  i as a
};
//# sourceMappingURL=color-dot-6Mxngvce.mjs.map
