const l = {
  classes: {
    wrapper: ({ props: i, data: s }) => {
      const r = ["relative !flex items-center whitespace-nowrap px-3 min-h-[2rem]"];
      return i.disabled || r.push("cursor-pointer"), s.isActive && r.push("font-medium"), i.rounded && r.push("rounded"), i.size === "xs" ? r.push("py-1 text-xs") : i.size === "sm" ? r.push("py-1.5 text-sm") : i.size === "lg" ? r.push("py-3") : i.size === "xl" ? r.push("py-4 text-lg") : r.push("py-1.5"), r;
    }
  },
  styles: ({ colors: i, props: s, css: r, data: a }) => {
    const e = i.getPalette(s.color || "gray"), t = i.getPalette("secondary");
    return s.disabled ? r.variables({
      text: t[300],
      dark: {
        text: t[600]
      }
    }) : s.filled ? a.isActive ? r.variables({
      bg: s.selected ? e[100] : e[200],
      text: e[800],
      hover: {
        bg: (s.selected, e[200]),
        text: e[800]
      },
      dark: {
        bg: (s.selected, e[700]),
        text: e[100],
        hover: {
          bg: (s.selected, e[700]),
          text: e[100]
        }
      }
    }) : r.variables({
      bg: s.selected ? t[100] : "transparent",
      text: t[800],
      hover: {
        bg: t[100],
        text: t[900]
      },
      dark: {
        bg: s.selected ? t[800] : "transparent",
        text: t[200],
        hover: {
          bg: t[600],
          text: t[100]
        }
      }
    }) : a.isActive ? r.variables({
      text: e[500],
      hover: {
        text: e[500],
        border: e[500]
      },
      dark: {
        text: e[500],
        hover: {
          text: e[500],
          border: e[500]
        }
      }
    }) : r.variables({
      text: t[800],
      hover: {
        text: t[900],
        border: t[300]
      },
      dark: {
        text: t[300],
        hover: {
          text: t[200],
          border: t[800]
        }
      }
    });
  }
}, d = l;
export {
  d as default
};
