const i = {
  classes: {
    wrapper: ({ props: t, slots: r, data: e }) => {
      const s = ["relative flex items-center w-full text-left rounded"];
      return e.isInsideAccordion && (r.default && (t.iconAlign === "left" ? s.push("pl-8 pr-4") : s.push("pr-8 pl-4"), s.push("py-2"), t.disabled || s.push("hover:bg-secondary-100 dark:hover:bg-secondary-600")), t.disabled || s.push("cursor-pointer")), s;
    },
    icon: ({ props: t, data: r }) => {
      const e = ["absolute flex transform transition-transform duration-150"];
      return r.collapsed || e.push("rotate-180"), t.disabled && e.push("text-secondary-300"), t.iconAlign === "left" ? e.push("left-2") : e.push("right-2"), e;
    },
    content: "transition-[height] duration-150 overflow-y-hidden"
  }
}, n = i;
export {
  n as default
};
