const x = {
  classes: {
    wrapper: ({ props: l }) => {
      let e = "inline-flex items-center leading-none max-w-full ";
      return l.size === "xs" || l.size === "sm" ? e += " px-2 py-0.5 text-xs" : l.size === "lg" ? e += " px-4 py-3" : l.size === "xl" ? e += " px-5 py-5 text-lg" : e += " px-3 py-1 text-sm", e;
    }
  },
  styles: ({ colors: l, props: e, css: s }) => {
    const t = l.getPalette(e.color);
    return s.variables({
      bg: t[200],
      text: t[800],
      border: t[800],
      dark: {
        bg: t[800],
        border: t[400],
        text: e.outlined ? t[200] : t[100]
      }
    });
  }
}, i = x;
export {
  i as default
};
