import type { Decision } from '../../../types/decisions.js';
export declare const DECISION_TIMELINE_CSS = "\n  .decision-timeline { position: relative; padding: 16px 0; }\n  .timeline-line {\n    position: absolute; left: 50%; top: 0; bottom: 0;\n    width: 2px; background: #e5e7eb; transform: translateX(-50%);\n  }\n  .timeline-item {\n    position: relative; width: 50%; padding: 0 40px 24px;\n    box-sizing: border-box;\n  }\n  .timeline-item.side-left { left: 0; text-align: right; }\n  .timeline-item.side-right { left: 50%; text-align: left; }\n  .timeline-dot {\n    position: absolute; top: 16px;\n    width: 12px; height: 12px;\n    border-radius: 50%; border: 2px solid white;\n    box-shadow: 0 0 0 2px #e5e7eb;\n  }\n  .side-left .timeline-dot { right: -6px; }\n  .side-right .timeline-dot { left: -6px; }\n  .decision-card {\n    background: white; border-radius: 8px;\n    padding: 12px 14px; font-size: 0.86rem;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.08);\n  }\n  .card-header { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 6px; }\n  .side-left .card-header { justify-content: flex-end; }\n  .decision-id { font-weight: 700; color: #374151; }\n  .decision-date { color: #9ca3af; font-size: 0.78rem; margin-left: auto; }\n  .decision-what { font-weight: 600; color: #1f2937; margin-bottom: 4px; }\n  .decision-why { color: #6b7280; font-size: 0.82rem; margin-bottom: 6px; }\n  .decision-alternatives { margin-top: 6px; }\n  .alt-label { font-size: 0.75rem; color: #9ca3af; margin-right: 4px; }\n  .alt-chip {\n    display: inline-block; padding: 2px 6px; border-radius: 4px;\n    background: #f3f4f6; color: #374151; font-size: 0.75rem; margin: 2px;\n  }\n  .category-badge { display: inline-block; padding: 2px 6px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; }\n  .spec-badge { display: inline-block; padding: 2px 6px; border-radius: 4px; font-size: 0.75rem; background: #dbeafe; color: #1d4ed8; }\n  .badge-human { background: #d1fae5; color: #065f46; }\n  .badge-ai { background: #ede9fe; color: #5b21b6; }\n  .badge-both { background: #fef3c7; color: #92400e; }\n  .status-superseded .decision-card { opacity: 0.65; }\n  .text-strikethrough { text-decoration: line-through; color: #9ca3af; }\n  .status-review .decision-card { background: #fffbeb; }\n  @media (max-width: 640px) {\n    .timeline-line { display: none; }\n    .timeline-item, .timeline-item.side-right { left: 0; width: 100%; text-align: left; padding: 0 0 16px 16px; }\n    .side-left .card-header { justify-content: flex-start; }\n    .timeline-dot { left: 0 !important; right: auto !important; }\n  }";
/**
 * Build an alternating vertical timeline of decisions.
 * Returns empty string when no decisions.
 */
export declare function buildDecisionTimeline(decisions: Decision[]): string;
//# sourceMappingURL=decision-timeline-builder.d.ts.map