const n = {
  classes: {
    wrapper({ props: e }) {
      const t = ["relative inline-flex items-center justify-center overflow-hidden align-middle border box-content"];
      return t.push(e.rounded ? "rounded-full" : "rounded-md"), e.size === "xs" ? t.push("h-6 w-6 text-xs") : e.size === "sm" ? t.push("h-9 w-9 text-sm") : e.size === "lg" ? t.push("h-12 w-12 text-lg") : e.size === "xl" ? t.push("h-[3.75rem] w-[3.75rem] text-xl") : t.push("h-10 w-10"), t;
    }
  },
  styles({ props: e, colors: t, css: r, data: l }) {
    const s = t.getPalette(e.color);
    return l.source ? r.variables({
      bg: "transparent",
      border: e.outlined ? s[500] : "transparent"
    }) : r.variables({
      bg: s[100],
      text: s[500],
      border: e.outlined ? s[500] : "transparent",
      dark: {
        bg: s[900]
      }
    });
  }
}, i = n;
export {
  i as default
};
