const s = {
  classes: {
    th: ({ props: t }) => {
      const e = ["relative p-2.5 font-medium"];
      return t.sortable && e.push("cursor-pointer hover:text-secondary-800 dark:hover:text-secondary-300 transition-colors duration-150 ease-in-out"), e;
    },
    header: ({ props: t }) => {
      const e = ["flex items-center gap-1 select-none"];
      return t.textAlign === "left" ? e.push("justify-start") : t.textAlign === "right" ? t.sortable ? e.push("flex-row-reverse") : e.push("justify-end") : t.textAlign === "center" && e.push("justify-center"), e;
    },
    sortIcon: ({ props: t }) => ["stroke-2 w-3 h-3"]
  }
}, r = s;
export {
  r as default
};
