const o = {
  classes: {
    wrapper: ({ props: e }) => `relative rounded bg-secondary-100 dark:bg-secondary-700 overflow-hidden pointer-events-none ${e.thick ? "h-1.5" : "h-1"}`,
    list: "flex flex-col items-end w-full sm:w-[520px] px-4",
    item: "w-full flex items-center rounded-md px-4 py-3 bg-secondary-800 dark:bg-secondary-50 text-white dark:text-secondary-900"
  },
  styles: ({ props: e, colors: r, css: n }) => {
    const t = r.getPalette(e.color), s = [];
    return s.push(n.variables({
      bg: t[500]
    })), e.gradient && s.push({
      "--tw-gradient-stops": `${t[100]}, ${t[800]}`
    }), s;
  }
}, a = o;
export {
  a as default
};
