const s = {
  classes: {
    wrapper: ({ props: e }) => e.variant === "simple" ? "flex items-center space-x-2" : e.variant === "dots" ? "flex space-x-6" : "flex items-center",
    dots: ({ props: e }) => e.size === "xs" ? "h-2 w-2" : e.size === "sm" ? "h-3 w-3" : e.size === "lg" ? "h-4 w-4" : e.size === "xl" ? "h-5 w-5" : "h-3 w-3"
  },
  styles: ({ css: e, colors: t }) => {
    const r = t.getPalette("primary");
    return e.get("bg", r[500]);
  }
}, i = s;
export {
  i as default
};
