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

interface ContactMapProps {
    /** Main heading text */
    heading?: React.ReactNode;
    /** Description text below heading */
    description?: React.ReactNode;
    /** Additional CSS classes for the section */
    className?: string;
    /** Additional CSS classes for the container */
    containerClassName?: string;
    /** Additional CSS classes for the header */
    headerClassName?: string;
    /** Additional CSS classes for the heading */
    headingClassName?: string;
    /** Additional CSS classes for the description */
    descriptionClassName?: string;
    /** Additional CSS classes for the card */
    cardClassName?: string;
    /** Additional CSS classes for the card content */
    cardContentClassName?: string;
    /** Additional CSS classes for the content grid */
    contentGridClassName?: string;
    /** Additional CSS classes for the map column wrapper */
    mapColumnClassName?: string;
    /** Additional CSS classes for the map component wrapper */
    mapClassName?: 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;
    /** Full form engine setup and props */
    formEngineSetup?: FormEngineProps;
    /** Geo map configuration and marker data */
    mapProps?: GeoMapProps;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ContactMap - Contact form with flexible field configuration and integrated map
 *
 * Now uses @page-speed/maps for optimal tree-shaking and performance.
 *
 * @example
 * ```tsx
 * <ContactMap
 *   heading="Get In Touch"
 *   formEngineSetup={{ formConfig: { endpoint: "/api/contact", format: "json" } }}
 *   mapProps={{
 *     markers: [{
 *       id: 'office',
 *       latitude: 40.7128,
 *       longitude: -74.0060,
 *       title: 'Our Office',
 *     }],
 *     stadiaApiKey: process.env.NEXT_PUBLIC_STADIA_API_KEY,
 *   }}
 * />
 * ```
 */
declare function ContactMap({ sectionId, heading, description, className, formEngineSetup, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, contentGridClassName, mapColumnClassName, mapClassName, background, spacing, pattern, patternOpacity, mapProps, optixFlowConfig, }: ContactMapProps): React.JSX.Element;

export { ContactMap, type ContactMapProps };
