import * as React from 'react';
import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
import { A as ActionConfig } from './blocks-XLPGq8A5.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

interface ContactCallbackProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below the heading
     */
    description?: React.ReactNode;
    /**
     * Submit button text
     */
    buttonText?: string;
    /**
     * Submit button icon (displayed before text)
     */
    buttonIcon?: React.ReactNode;
    /**
     * Array of action configurations for additional buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array and default submit)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Array of form field configurations
     * If not provided, defaults to: name, company, email, phone, date, time, timezone, topic, details
     */
    formFields?: FormFieldConfig[];
    /**
     * Success message to display after form submission
     * @default "Thank you! Your callback request has been received."
     */
    successMessage?: React.ReactNode;
    /**
     * Label for the information section heading
     */
    infoSectionLabel?: string;
    /**
     * Label for the schedule section heading
     */
    scheduleSectionLabel?: string;
    /**
     * Label for the topic section heading
     */
    topicSectionLabel?: string;
    /**
     * Label for the callback process info box heading
     */
    callbackProcessLabel?: string;
    /**
     * Description for the callback process info box
     */
    callbackProcessDescription?: string;
    /**
     * 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 card content
     */
    cardContentClassName?: string;
    /**
     * Additional CSS classes for the form
     */
    formClassName?: string;
    /**
     * Additional CSS classes for the submit button
     */
    submitClassName?: string;
    /**
     * Additional CSS classes for the success message
     */
    successMessageClassName?: string;
    /**
     * Additional CSS classes for the error message
     */
    errorMessageClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     * @default "py-8 md:py-32"
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Optional form submission configuration.
     * See `FORMS_INTEGRATION_GUIDE.md` for complete examples.
     */
    formConfig?: PageSpeedFormConfig;
    /**
     * Optional custom submission handler for maximum flexibility.
     */
    onSubmit?: (values: Record<string, unknown>) => void | Promise<void>;
    /**
     * Optional success callback invoked after successful submission.
     */
    onSuccess?: (data: unknown) => void;
    /**
     * Optional error callback invoked if submission fails.
     */
    onError?: (error: Error) => void;
}
/**
 * ContactCallback - A comprehensive callback scheduling form with date/time selection,
 * timezone support, and topic categorization. Perfect for scheduling sales calls,
 * support callbacks, or consultation bookings.
 *
 * @example
 * ```tsx
 * <ContactCallback
 *   heading="Request a Callback"
 *   description="Schedule a time that works for you"
 *   buttonText="Schedule Callback"
 *   formConfig={{ endpoint: "/api/callback", format: "json" }}
 * />
 * ```
 */
declare function ContactCallback({ heading, description, buttonText, buttonIcon, actions, actionsSlot, formFields, successMessage, infoSectionLabel, scheduleSectionLabel, topicSectionLabel, callbackProcessLabel, callbackProcessDescription, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, successMessageClassName, errorMessageClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactCallbackProps): React.JSX.Element;

export { ContactCallback, type ContactCallbackProps };
