@clubmed/trident-ui/molecules/Buttons/Button.themes.js

Shared ClubMed React UI components

const b = (t, r, e) => {
  if (r)
    switch (t) {
      case "white":
        return `bg-${r} hover:bg-${r}-active group-hover/${e}:bg-${r}-active active:bg-${r}-active border-${r} hover:border-${r}-active group-hover/${e}:border-${r}-active active:border-${r}-active border border-solid text-black disabled:bg-pearl disabled:text-grey disabled:border-pearl`;
      case "black":
        return `bg-${r} hover:bg-${r}-active group-hover/${e}:bg-${r}-active active:bg-${r}-active border-${r} hover:border-${r}-active group-hover/${e}:border-${r}-active active:border-${r}-active border border-solid text-white disabled:bg-pearl disabled:text-grey disabled:border-pearl`;
    }
  switch (t) {
    case "white":
      return `bg-white hover:bg-white-active active:bg-white-active border border-solid border-white hover:border-white-active active:border-white-active text-black disabled:bg-pearl disabled:text-grey disabled:border-pearl ${e ? `group-hover/${e}:bg-white-active group-hover/${e}:border-white-active` : "group-hover:bg-white-active group-hover:border-white-active"} `;
    case "black":
      return `bg-black hover:bg-black-active active:bg-black-active border border-solid border-black hover:border-black-active active:border-black-active text-white disabled:bg-pearl disabled:text-grey disabled:border-pearl ${e ? `group-hover/${e}:bg-black-active group-hover/${e}:border-black-active` : "group-hover:bg-black-active group-hover:border-black-active"} `;
    case "whiteStroke":
      return `bg-transparent hover:bg-white active:bg-white border border-solid border-white text-white hover:text-black active:text-black disabled:text-grey disabled:border-grey ${e ? `group-hover/${e}:bg-white group-hover/${e}:text-black` : "group-hover:bg-white group-hover:text-black"}`;
    case "blackStroke":
      return `bg-transparent hover:bg-black active:bg-black border border-solid border-black text-black hover:text-white active:text-white disabled:text-grey disabled:border-grey ${e ? `group-hover/${e}:bg-black group-hover/${e}:text-white` : "group-hover:bg-black group-hover:text-white"}`;
    default:
      return `bg-saffron hover:bg-saffron-active active:bg-saffron-active border border-solid border-saffron hover:border-saffron-active active:border-saffron-active text-black disabled:bg-pearl disabled:text-grey disabled:border-pearl ${e ? `group-hover/${e}:bg-saffron-active group-hover/${e}:border-saffron-active` : "group-hover:bg-saffron-active group-hover:border-saffron-active"}`;
  }
};
export {
  b as themes
};
//# sourceMappingURL=Button.themes.js.map