import { defineComponent as o, provide as n, computed as s, openBlock as l, createElementBlock as a, normalizeClass as r, renderSlot as d } from "vue";
import { T as m } from "./keys-BEdEsanp.js";
import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const p = /* @__PURE__ */ o({
  __name: "Timeline",
  props: {
    side: { default: "end" },
    density: { default: "comfortable" }
  },
  setup(t) {
    const e = t;
    return n(m.key, {
      side: s(() => e.side),
      density: s(() => e.density)
    }), (i, _) => (l(), a("ol", {
      class: r(["stash-timeline grid grid-flow-dense items-start justify-center gap-x-3 gap-y-1.5", [`stash-timeline--${e.side}`, `stash-timeline--${e.density}`]]),
      "data-test": "stash-timeline"
    }, [
      d(i.$slots, "default")
    ], 2));
  }
}), f = {}, u = {
  $style: f
}, g = /* @__PURE__ */ c(p, [["__cssModules", u]]);
export {
  g as default
};
//# sourceMappingURL=Timeline.js.map
