import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
import { A as ActionConfig } from './blocks-BJ3CyHu6.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * A milestone in a timeline.
 * Used to display key events or achievements along a timeline.
 */
interface Milestone {
    /**
     * Unique identifier for the milestone
     */
    id: string;
    /**
     * Year of the milestone
     */
    year: React.ReactNode;
    /**
     * Title of the milestone
     */
    title: React.ReactNode;
    /**
     * Description of the milestone
     */
    description: React.ReactNode;
    /**
     * Metric associated with the milestone
     */
    metric: {
        value: React.ReactNode;
        label: React.ReactNode;
    };
    /**
     * Icon name in format: prefix/name (e.g., "lucide/calendar-days")
     */
    icon?: string;
    /**
     * Custom icon element (overrides icon name)
     */
    iconSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the milestone
     */
    className?: string;
}
/**
 * A current stat for summary sections.
 * Used to display current metrics in a summary section.
 */
interface CurrentStat {
    /**
     * The stat value
     */
    value: React.ReactNode;
    /**
     * The stat label
     */
    label: React.ReactNode;
    /**
     * Additional CSS classes for the stat
     */
    className?: string;
}
/**
 * Props for the StatsGrowthTimeline component.
 * A vertical timeline showcasing milestones and growth journey.
 */
interface StatsGrowthTimelineProps {
    /**
     * Badge content above the heading
     */
    badge?: React.ReactNode;
    /**
     * Custom badge slot (overrides badge)
     */
    badgeSlot?: React.ReactNode;
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description content below the heading
     */
    description?: React.ReactNode;
    /**
     * Array of milestones to display
     */
    milestones?: Milestone[];
    /**
     * Custom slot for rendering milestones (overrides milestones array)
     */
    milestonesSlot?: React.ReactNode;
    /**
     * Current stats for the "Where We Are Today" section
     */
    currentStats?: CurrentStat[];
    /**
     * Custom slot for rendering current stats (overrides currentStats array)
     */
    currentStatsSlot?: React.ReactNode;
    /**
     * Current stats section heading
     */
    currentStatsHeading?: React.ReactNode;
    /**
     * Future section heading
     */
    futureHeading?: React.ReactNode;
    /**
     * Future section description
     */
    futureDescription?: React.ReactNode;
    /**
     * Custom slot for the future section (overrides futureHeading/futureDescription/actions)
     */
    futureSlot?: React.ReactNode;
    /**
     * Actions for the future section (replaces roadmapLinkText/roadmapLinkUrl)
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Background pattern
     */
    pattern?: PatternName;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern
     */
    patternClassName?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the timeline
     */
    timelineClassName?: string;
    /**
     * Additional CSS classes for milestone cards
     */
    milestoneClassName?: string;
    /**
     * Additional CSS classes for the current stats section
     */
    currentStatsClassName?: string;
    /**
     * Additional CSS classes for the future section
     */
    futureClassName?: string;
}
/**
 * StatsGrowthTimeline - A vertical timeline showcasing company milestones and growth
 * journey. Features alternating left/right content placement, year badges, milestone
 * cards with icons and metrics, a "Where We Are Today" summary section, and a future
 * roadmap CTA. Ideal for about pages, investor presentations, or company history sections.
 *
 * @example
 * ```tsx
 * <StatsGrowthTimeline
 *   badge="Our Journey"
 *   heading="Growing From Startup to Industry Leader"
 *   milestones={[
 *     { id: "launch", year: "2018", title: "Company Founded", ... },
 *   ]}
 * />
 * ```
 */
declare function StatsGrowthTimeline({ badge, badgeSlot, heading, description, milestones, milestonesSlot, currentStats, currentStatsSlot, currentStatsHeading, futureHeading, futureDescription, futureSlot, actions, actionsSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, timelineClassName, milestoneClassName, currentStatsClassName, futureClassName, }: StatsGrowthTimelineProps): react_jsx_runtime.JSX.Element;

export { type CurrentStat, type Milestone, StatsGrowthTimeline, type StatsGrowthTimelineProps };
