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

interface GalleryImageItem {
    src: string;
    alt: string;
}
interface AboutVisionGalleryProps {
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Main title
     */
    title?: React.ReactNode;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Subtitle text
     */
    subtitle?: React.ReactNode;
    /**
     * Additional CSS classes for the subtitle
     */
    subtitleClassName?: string;
    /**
     * Array of gallery images
     */
    images?: GalleryImageItem[];
    /**
     * Custom slot for rendering images (overrides images array)
     */
    imagesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the images container
     */
    imagesClassName?: string;
    /**
     * Primary content section title
     */
    primarySectionTitle?: React.ReactNode;
    /**
     * Additional CSS classes for the primary section title
     */
    primarySectionTitleClassName?: string;
    /**
     * Primary content section body
     */
    primarySectionContent?: React.ReactNode;
    /**
     * Additional CSS classes for the primary section content
     */
    primarySectionContentClassName?: string;
    /**
     * Secondary content section title
     */
    secondarySectionTitle?: React.ReactNode;
    /**
     * Additional CSS classes for the secondary section title
     */
    secondarySectionTitleClassName?: string;
    /**
     * Secondary content section body
     */
    secondarySectionContent?: React.ReactNode;
    /**
     * Additional CSS classes for the secondary section content
     */
    secondarySectionContentClassName?: string;
    /**
     * Call-to-action section title
     */
    ctaTitle?: React.ReactNode;
    /**
     * Additional CSS classes for the CTA title
     */
    ctaTitleClassName?: string;
    /**
     * CTA action configuration
     */
    ctaAction?: ActionConfig;
    /**
     * Custom slot for rendering CTA (overrides ctaAction)
     */
    ctaSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the CTA section
     */
    ctaClassName?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    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;
}
/**
 * AboutVisionGallery - A two-column about section with image gallery, dual content areas,
 * and a call-to-action banner. Features a hero area with title/subtitle, responsive image
 * grid, two side-by-side content sections, and a prominent CTA section.
 *
 * @example
 * ```tsx
 * <AboutVisionGallery
 *   title="About Our Company"
 *   subtitle="Learn more about what we do"
 *   images={[{ src: "/image1.jpg", alt: "Team photo" }]}
 *   primarySectionTitle="Our Mission"
 *   primarySectionContent="We are dedicated to excellence..."
 *   secondarySectionTitle="Our Story"
 *   secondarySectionContent="Founded in 2020..."
 *   ctaTitle="Join Our Team"
 *   ctaAction={{ label: "View Careers", href: "/careers" }}
 * />
 * ```
 */
declare function AboutVisionGallery({ className, title, titleClassName, subtitle, subtitleClassName, images, imagesSlot, imagesClassName, primarySectionTitle, primarySectionTitleClassName, primarySectionContent, primarySectionContentClassName, secondarySectionTitle, secondarySectionTitleClassName, secondarySectionContent, secondarySectionContentClassName, ctaTitle, ctaTitleClassName, ctaAction, ctaSlot, ctaClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutVisionGalleryProps): React.JSX.Element;

export { AboutVisionGallery, type AboutVisionGalleryProps };
