import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface AboutStoryExpertiseArea {
    /**
     * Icon element or icon name
     */
    icon?: React.ReactNode;
    /**
     * Expertise title
     */
    title?: React.ReactNode;
    /**
     * Supporting description
     */
    description?: React.ReactNode;
}
interface AboutStoryExpertiseProps {
    /**
     * Eyebrow label for the story section
     */
    eyebrow?: React.ReactNode;
    /**
     * Additional CSS classes for the eyebrow
     */
    eyebrowClassName?: string;
    /**
     * Main heading for the story section
     */
    heading?: React.ReactNode;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Story paragraphs displayed in order
     */
    storyParagraphs?: React.ReactNode[];
    /**
     * Custom slot for rendering story content (overrides storyParagraphs)
     */
    storySlot?: React.ReactNode;
    /**
     * Additional CSS classes for the story content
     */
    storyClassName?: string;
    /**
     * Array of action configurations for CTAs
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Feature image configuration
     */
    image?: {
        src: string;
        alt: string;
    };
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
    /**
     * Highlight badge content overlaid on the image
     */
    highlight?: {
        icon?: React.ReactNode;
        label?: React.ReactNode;
        title?: React.ReactNode;
        description?: React.ReactNode;
    };
    /**
     * Custom slot for rendering highlight (overrides highlight object)
     */
    highlightSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the highlight
     */
    highlightClassName?: string;
    /**
     * Expertise section heading
     */
    expertiseHeading?: React.ReactNode;
    /**
     * Additional CSS classes for the expertise heading
     */
    expertiseHeadingClassName?: string;
    /**
     * Expertise section description
     */
    expertiseDescription?: React.ReactNode;
    /**
     * Additional CSS classes for the expertise description
     */
    expertiseDescriptionClassName?: string;
    /**
     * Expertise area cards
     */
    expertiseAreas?: AboutStoryExpertiseArea[];
    /**
     * Custom slot for rendering expertise areas (overrides expertiseAreas array)
     */
    expertiseAreasSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the expertise areas container
     */
    expertiseAreasClassName?: string;
    /**
     * Additional CSS classes for the expertise section
     */
    expertiseSectionClassName?: string;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * AboutStoryExpertise - A two-part about section featuring a founder-style story
 * with image overlay, followed by a grid of expertise highlights. Ideal for
 * trust-building pages that need narrative plus proof points.
 */
declare function AboutStoryExpertise({ sectionId, eyebrow, eyebrowClassName, heading, headingClassName, storyParagraphs, storySlot, storyClassName, actions, actionsSlot, actionsClassName, image, imageClassName, highlight, highlightSlot, highlightClassName, expertiseHeading, expertiseHeadingClassName, expertiseDescription, expertiseDescriptionClassName, expertiseAreas, expertiseAreasSlot, expertiseAreasClassName, expertiseSectionClassName, className, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: AboutStoryExpertiseProps): React.JSX.Element;

export { AboutStoryExpertise, type AboutStoryExpertiseProps };
