import * as React from 'react';
import { FormEngineProps } from '@page-speed/forms/integration';
import { S as SectionBackground, t as PatternName, s as SectionSpacing } from './community-initiatives-rTRuDt0r.js';
import { O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

interface DirectionConfig {
    desktop: "mediaRight" | "mediaLeft";
    mobile: "mediaTop" | "mediaBottom";
}
interface ContactPhotographyProps {
    /** Main heading text */
    heading?: React.ReactNode;
    /** Description text below heading */
    description?: React.ReactNode;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /** Additional CSS classes for the section */
    className?: string;
    /** Additional CSS classes for the heading */
    headingClassName?: string;
    /** Additional CSS classes for the description */
    descriptionClassName?: string;
    /** Additional CSS classes for the content area */
    contentClassName?: string;
    /** Section background variant */
    background?: SectionBackground;
    /** Pattern background key or URL */
    pattern?: PatternName | undefined;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /** Pattern opacity (0-1) */
    patternOpacity?: number;
    /**
     * Image configuration for the left panel
     */
    image?: {
        src: string;
        alt: string;
    };
    /** Additional CSS classes for the image */
    imageClassName?: string;
    /** Optional Optix Flow configuration for image optimization */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Direction configuration for desktop and mobile layouts
     * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
     */
    directionConfig?: DirectionConfig;
    /**
     * Full form engine setup and props
     */
    formEngineSetup?: FormEngineProps;
}
/**
 * ContactPhotography - A full-width split-screen contact form section with edge-to-edge design,
 * featuring text content and a form on one side and a large full-height image on the other.
 *
 * Layout: 50/50 split layout with content/form and image sections. Fully responsive with
 * configurable media placement for desktop and mobile.
 * Key features: Pattern background support, edge-to-edge design, no card wrapping.
 * Best for: Photography studios, creative services, visual-first contact pages.
 */
declare function ContactPhotography({ heading, description, containerClassName, className, headingClassName, descriptionClassName, contentClassName, spacing, background, pattern, patternOpacity, image, imageClassName, optixFlowConfig, directionConfig, formEngineSetup, }: ContactPhotographyProps): React.JSX.Element;

export { ContactPhotography, type ContactPhotographyProps, type DirectionConfig };
