// components/Timeline.js
import { h } from "sigpro";

export const Timeline = (props, children) => {
  children === undefined && (children = props, props = {});
  const vertical = props.vertical !== false;
  const compact = props.compact === true;
  return h("ul", {
    ...props,
    class: `timeline ${vertical ? 'timeline-vertical' : 'timeline-horizontal'} ${compact ? 'timeline-compact' : ''} ${props.class ?? ''}`.trim()
  }, children);
};