const a = {
  classes: {
    wrapper: "fixed z-40 inset-0 overflow-y-auto transition-all",
    backdrop: ({ data: t }) => {
      const e = ["fixed inset-0 bg-secondary-500 dark:bg-black transition-opacity"];
      return t.visible ? e.push("ease-out duration-200 opacity-70 dark:opacity-70") : e.push("ease-in duration-100 opacity-0"), e;
    },
    modal: ({ props: t, data: e }) => {
      const s = ["relative flex flex-col z-10 bg-secondary-200 dark:bg-secondary-900 shadow-lg transform transition-all overflow-hidden max-h-full w-full"];
      return e.visible ? s.push("ease-out duration-200 opacity-100 translate-y-0 sm:scale-100") : s.push("ease-in duration-200 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"), t.size === "xs" ? s.push("sm:max-w-xs") : t.size === "sm" ? s.push("sm:max-w-sm") : t.size === "lg" ? s.push("sm:max-w-xl") : t.size === "xl" ? s.push("sm:max-w-3xl") : s.push("sm:max-w-lg"), s;
    },
    closeIcon: "!absolute top-0 z-10 right-0",
    header: "text-lg pl-4 pt-4 pr-12",
    content: ({ props: t }) => {
      const e = ["pb-8"];
      return t.fluid || e.push("px-4"), e;
    },
    actions: ({ props: t, slots: e }) => {
      const s = ["grid grid-flow-col gap-[1px]"];
      return e["tertiary-action"] || e["cancel-action"] ? s.push("grid-cols-4") : s.push("grid-cols-2"), s;
    },
    label: "text-xs text-secondary-500 mb-1",
    title: "text-xl mb-4",
    description: "text-sm mb-4"
  }
}, l = a;
export {
  l as default
};
