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