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

/**
 * Principle item configuration for ProcessMissionPrinciples
 */
interface ProcessMissionPrincipleItem {
    /**
     * Principle number (e.g., "01", "02")
     */
    number?: React.ReactNode;
    /**
     * Principle title
     */
    title?: React.ReactNode;
    /**
     * Principle description
     */
    description?: React.ReactNode;
    /**
     * Additional CSS classes for the principle item
     */
    className?: string;
}
interface ProcessMissionPrinciplesProps {
    /**
     * Mission section label (e.g., "OUR MISSION")
     */
    missionLabel?: React.ReactNode;
    /**
     * Mission heading/title
     */
    missionHeading?: React.ReactNode;
    /**
     * Mission description text
     */
    missionDescription?: React.ReactNode;
    /**
     * Principles section label (e.g., "OUR PRINCIPLES")
     */
    principlesLabel?: React.ReactNode;
    /**
     * Array of principle configurations
     */
    principles?: ProcessMissionPrincipleItem[];
    /**
     * Custom slot for rendering principles (overrides principles array)
     */
    principlesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the mission section
     */
    missionClassName?: string;
    /**
     * Additional CSS classes for the mission label
     */
    missionLabelClassName?: string;
    /**
     * Additional CSS classes for the mission heading
     */
    missionHeadingClassName?: string;
    /**
     * Additional CSS classes for the mission description
     */
    missionDescriptionClassName?: string;
    /**
     * Additional CSS classes for the principles section
     */
    principlesSectionClassName?: string;
    /**
     * Additional CSS classes for the principles label
     */
    principlesLabelClassName?: string;
    /**
     * Additional CSS classes for the principles grid
     */
    principlesGridClassName?: string;
    /**
     * Additional CSS classes for each principle card
     */
    principleCardClassName?: string;
    /**
     * Additional CSS classes for the principle number badge
     */
    principleBadgeClassName?: 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;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * @deprecated Use `missionHeading` instead
     */
    missionTitle?: string;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ProcessMissionPrinciples - A mission statement and principles section.
 */
declare function ProcessMissionPrinciples({ sectionId, missionLabel, missionHeading, missionDescription, principlesLabel, principles, principlesSlot, className, contentClassName, missionClassName, missionLabelClassName, missionHeadingClassName, missionDescriptionClassName, principlesSectionClassName, principlesLabelClassName, principlesGridClassName, principleCardClassName, principleBadgeClassName, background, spacing, pattern, patternOpacity, missionTitle, }: ProcessMissionPrinciplesProps): React.JSX.Element;

export { ProcessMissionPrinciples, type ProcessMissionPrinciplesProps };
