import * as react_jsx_runtime from 'react/jsx-runtime';

/**
 * A milestone item with year and description
 */
interface MilestoneItem {
    /**
     * The year of the milestone
     */
    year: string;
    /**
     * Title of the milestone
     */
    title: string;
    /**
     * Description of the milestone
     */
    description: string;
}
/**
 * Props for the StatsMilestoneSidebar component
 */
interface StatsMilestoneSidebarProps {
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Main heading text for the sidebar
     */
    heading?: string;
    /**
     * Description text for the sidebar
     */
    description?: string;
    /**
     * Array of milestones to display
     */
    milestones?: MilestoneItem[];
}
/**
 * StatsMilestoneSidebar - A two-column layout featuring a sticky sidebar with
 * heading and description, alongside a scrollable list of company milestones.
 * Each milestone displays a year badge, title, and description. The sidebar
 * remains fixed while users scroll through the timeline. Ideal for company
 * history pages, about sections, or investor presentations.
 *
 * @example
 * ```tsx
 * <StatsMilestoneSidebar
 *   heading="Our Journey"
 *   description="Key moments that shaped who we are today"
 *   milestones={[
 *     { year: "2018", title: "Company Founded", description: "..." },
 *   ]}
 * />
 * ```
 */
declare function StatsMilestoneSidebar({ className, heading, description, milestones, }: StatsMilestoneSidebarProps): react_jsx_runtime.JSX.Element;

export { type MilestoneItem, StatsMilestoneSidebar, type StatsMilestoneSidebarProps };
