import * as React from 'react';
import { FormEngineProps } from '@page-speed/forms/integration';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';

interface ContactDarkOption {
    /**
     * Icon name for the contact option
     */
    icon: string;
    /**
     * Contact information text
     */
    info: string;
    /**
     * Optional href for the contact option
     */
    href?: string;
}
interface ContactDarkSocialLink {
    /**
     * Icon name for the social platform
     */
    icon: string;
    /**
     * Link href
     */
    href: string;
    /**
     * Accessible label for the link
     */
    label: string;
}
interface ContactDarkProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below the heading
     */
    description?: React.ReactNode;
    /**
     * Contact information heading
     */
    contactHeading?: React.ReactNode;
    /**
     * Contact information description
     */
    contactDescription?: React.ReactNode;
    /**
     * Contact options to display
     */
    contactOptions?: ContactDarkOption[];
    /**
     * Custom slot for rendering contact options (overrides contactOptions array)
     */
    contactOptionsSlot?: React.ReactNode;
    /**
     * Social media links to display
     */
    socialLinks?: ContactDarkSocialLink[];
    /**
     * Custom slot for rendering social links (overrides socialLinks array)
     */
    socialLinksSlot?: React.ReactNode;
    /**
     * Full form engine setup and props
     */
    formEngineSetup?: FormEngineProps;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header wrapper
     */
    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 form panel
     */
    formPanelClassName?: string;
    /**
     * Additional CSS classes for the info panel
     */
    infoPanelClassName?: string;
    /**
     * Additional CSS classes for the contact options container
     */
    contactOptionsClassName?: string;
    /**
     * Additional CSS classes for the social links container
     */
    socialLinksClassName?: 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;
}
/**
 * ContactDark - A dark-themed contact form with split layout featuring a form
 * on one side and contact information with social links on a dark background.
 * Perfect for modern, high-contrast designs.
 *
 * @example
 * ```tsx
 * <ContactDark
 *   heading="Contact Us"
 *   description="Any questions or remarks? Just write us a message!"
 *   formEngineSetup={{ formConfig: { endpoint: "/api/contact", format: "json" } }}
 * />
 * ```
 */
declare function ContactDark({ heading, description, contactHeading, contactDescription, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactDarkProps): React.JSX.Element;

export { type ContactDarkSocialLink as C, ContactDark as a, type ContactDarkProps as b };
