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

interface AboutMissionDualImageProps {
    /**
     * Mission section title
     */
    missionTitle?: React.ReactNode;
    /**
     * Mission section content
     */
    missionContent?: React.ReactNode;
    /**
     * Vision section title
     */
    visionTitle?: React.ReactNode;
    /**
     * Vision section content
     */
    visionContent?: React.ReactNode;
    /**
     * Primary image configuration
     */
    primaryImage?: {
        src: string;
        alt: string;
    };
    /**
     * Secondary image configuration
     */
    secondaryImage?: {
        src: string;
        alt: string;
    };
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the mission title
     */
    missionTitleClassName?: string;
    /**
     * Additional CSS classes for the mission content
     */
    missionContentClassName?: string;
    /**
     * Additional CSS classes for the vision title
     */
    visionTitleClassName?: string;
    /**
     * Additional CSS classes for the vision content
     */
    visionContentClassName?: string;
    /**
     * Additional CSS classes for the primary image
     */
    primaryImageClassName?: string;
    /**
     * Additional CSS classes for the secondary image
     */
    secondaryImageClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Section background variant
     */
    background?: SectionBackground;
    /**
     * Section spacing variant
     */
    spacing?: SectionSpacing;
    /**
     * Pattern background key or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
}
declare function AboutMissionDualImage({ missionTitle, missionContent, visionTitle, visionContent, primaryImage, secondaryImage, actions, actionsSlot, className, contentClassName, missionTitleClassName, missionContentClassName, visionTitleClassName, visionContentClassName, primaryImageClassName, secondaryImageClassName, actionsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMissionDualImageProps): React.JSX.Element;

export { AboutMissionDualImage, type AboutMissionDualImageProps };
