import * as React from 'react';
import { g as BreadcrumbItem, S as StatItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface CaseStudyStatsMetricsProps {
    /**
     * Array of breadcrumb items for navigation
     */
    breadcrumbs?: BreadcrumbItem[];
    /**
     * Custom slot for breadcrumbs (overrides breadcrumbs array)
     */
    breadcrumbsSlot?: React.ReactNode;
    /**
     * Main title/heading content
     */
    title?: React.ReactNode;
    /**
     * Subtitle/description below the title
     */
    subtitle?: React.ReactNode;
    /**
     * Hero image URL
     */
    heroImageSrc?: string;
    /**
     * Hero image alt text
     */
    heroImageAlt?: string;
    /**
     * Custom slot for hero media (overrides heroImageSrc)
     */
    heroMediaSlot?: React.ReactNode;
    /**
     * Array of stat items to display
     */
    stats?: StatItem[];
    /**
     * Custom slot for stats (overrides stats array)
     */
    statsSlot?: React.ReactNode;
    /**
     * Main prose content
     */
    content?: React.ReactNode;
    /**
     * Custom slot for content (overrides content prop)
     */
    contentSlot?: React.ReactNode;
    /**
     * Company logo URL
     */
    companyLogoSrc?: string;
    /**
     * Company logo alt text
     */
    companyLogoAlt?: string;
    /**
     * Custom slot for company logo (overrides companyLogoSrc)
     */
    companyLogoSlot?: React.ReactNode;
    /**
     * Overview text for sidebar
     */
    overview?: React.ReactNode;
    /**
     * Sector/industry text
     */
    sector?: React.ReactNode;
    /**
     * Solution badge label
     */
    solutionLabel?: React.ReactNode;
    /**
     * Solution badge icon name
     */
    solutionIcon?: string;
    /**
     * Solution badge href
     */
    solutionHref?: string;
    /**
     * Custom slot for solution badge (overrides solution props)
     */
    solutionSlot?: React.ReactNode;
    /**
     * CTA action configuration
     */
    ctaAction?: ActionConfig;
    /**
     * Custom slot for CTA (overrides ctaAction)
     */
    ctaSlot?: React.ReactNode;
    /**
     * Label text above CTA
     */
    ctaLabel?: React.ReactNode;
    /**
     * Custom slot for entire sidebar (overrides all sidebar props)
     */
    sidebarSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the main content wrapper
     */
    contentWrapperClassName?: string;
    /**
     * Additional CSS classes for the layout wrapper
     */
    layoutClassName?: string;
    /**
     * Additional CSS classes for the main column
     */
    mainClassName?: string;
    /**
     * Additional CSS classes for the breadcrumbs
     */
    breadcrumbsClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the subtitle
     */
    subtitleClassName?: string;
    /**
     * Additional CSS classes for the hero image
     */
    heroImageClassName?: string;
    /**
     * Additional CSS classes for the stats container
     */
    statsClassName?: string;
    /**
     * Additional CSS classes for individual stat items
     */
    statItemClassName?: string;
    /**
     * Additional CSS classes for the prose content
     */
    proseClassName?: string;
    /**
     * Additional CSS classes for the sidebar
     */
    sidebarClassName?: string;
    /**
     * Additional CSS classes for the company logo
     */
    companyLogoClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * CaseStudyStatsMetrics displays a case study with prominent performance metrics,
 * breadcrumb navigation, prose content, and a sticky sidebar with company info and CTA.
 *
 * Features a two-column layout with the main content area showing breadcrumbs, title,
 * subtitle, hero image, a grid of key statistics (4 metrics), and rich prose content
 * with headings, paragraphs, blockquotes, lists, tables, and alerts. The sticky sidebar
 * displays company logo, overview text, sector information, a solution badge with icon,
 * and a call-to-action button.
 *
 * Ideal for results-focused case studies that emphasize quantifiable outcomes,
 * customer success stories with measurable impact, or ROI-driven content marketing.
 *
 * @example
 * ```tsx
 * <CaseStudyStatsMetrics
 *   title="Boosting System Reliability by 125% with AI Monitoring"
 *   stats={[
 *     { value: "125%", label: "improvement in system reliability" },
 *     { value: "40%", label: "reduction in downtime" }
 *   ]}
 *   companyLogoSrc="/logos/client.svg"
 *   overview="Enterprise software company"
 *   sector="Technology"
 * />
 * ```
 */
declare function CaseStudyStatsMetrics({ breadcrumbs, breadcrumbsSlot, title, subtitle, heroImageSrc, heroImageAlt, heroMediaSlot, stats, statsSlot, content, contentSlot, companyLogoSrc, companyLogoAlt, companyLogoSlot, overview, sector, solutionLabel, solutionIcon, solutionHref, solutionSlot, ctaAction, ctaSlot, ctaLabel, sidebarSlot, className, containerClassName, contentWrapperClassName, layoutClassName, mainClassName, breadcrumbsClassName, titleClassName, subtitleClassName, heroImageClassName, statsClassName, statItemClassName, proseClassName, sidebarClassName, companyLogoClassName, optixFlowConfig, }: CaseStudyStatsMetricsProps): React.JSX.Element;

export { CaseStudyStatsMetrics, type CaseStudyStatsMetricsProps };
