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-rTRuDt0r.js';
import './blocks-BlWXj9GI.js';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * A milestone item with year and description.
 * Used to display key events or achievements in a timeline.
 */
interface MilestoneItem {
    /**
     * The year of the milestone
     */
    year: React.ReactNode;
    /**
     * Title of the milestone
     */
    title: React.ReactNode;
    /**
     * Description of the milestone
     */
    description: React.ReactNode;
    /**
     * Additional CSS classes for the milestone
     */
    className?: string;
}
/**
 * Props for the StatsMilestoneSidebar component.
 * A two-column layout featuring a sticky sidebar with heading and description, alongside a scrollable list of milestones.
 */
interface StatsMilestoneSidebarProps {
    /**
     * Main heading content for the sidebar
     */
    heading?: React.ReactNode;
    /**
     * Description content for the sidebar
     */
    description?: React.ReactNode;
    /**
     * Custom slot for sidebar content (overrides heading/description)
     */
    sidebarSlot?: React.ReactNode;
    /**
     * Array of milestones to display
     */
    milestones?: MilestoneItem[];
    /**
     * Custom slot for milestones (overrides milestones array)
     */
    milestonesSlot?: 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 sidebar
     */
    sidebarClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the milestones container
     */
    milestonesClassName?: string;
    /**
     * Additional CSS classes for individual milestone items
     */
    milestoneItemClassName?: string;
    /**
     * Additional CSS classes for milestone year badges
     */
    milestoneYearClassName?: string;
    /**
     * Additional CSS classes for milestone titles
     */
    milestoneTitleClassName?: string;
    /**
     * Additional CSS classes for milestone descriptions
     */
    milestoneDescriptionClassName?: string;
}
/**
 * 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({ heading, description, sidebarSlot, milestones, milestonesSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, sidebarClassName, headingClassName, descriptionClassName, milestonesClassName, milestoneItemClassName, milestoneYearClassName, milestoneTitleClassName, milestoneDescriptionClassName, }: StatsMilestoneSidebarProps): react_jsx_runtime.JSX.Element;

export { type MilestoneItem, StatsMilestoneSidebar, type StatsMilestoneSidebarProps };
