const a = {
  classes: {
    wrapper: "transition duration-300 ease-in-out cursor-pointer inline-flex"
  },
  styles: ({ colors: o, props: t, css: r }) => {
    const e = o.getPalette(t.color || "gray");
    return r.variables({
      text: t.color ? e[600] : "",
      hover: {
        text: t.shadow ? "" : e[700]
      },
      shadow: e[100],
      dark: {
        text: t.color ? e[400] : "",
        hover: {
          text: e[300]
        },
        shadow: e[900]
      }
    });
  }
}, s = a;
export {
  s as default
};
