import * as React from 'react';
import { S as SectionBackground } from './community-initiatives-Dud0DKXB.js';
import { FormEngineProps } from '@page-speed/forms/integration';
import { A as ActionConfig } from './blocks-DyouPohq.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface OfferModalNewsletterDiscountProps {
    /**
     * Main title content for the offer
     */
    title?: React.ReactNode;
    /**
     * Text/content for the close button
     */
    closeButtonText?: React.ReactNode;
    /**
     * Custom slot for the close button (overrides default close button)
     */
    closeButtonSlot?: React.ReactNode;
    /**
     * Custom slot for the form (overrides default form)
     */
    formSlot?: React.ReactNode;
    /**
     * Custom slot for the header area (overrides title)
     */
    headerSlot?: React.ReactNode;
    /**
     * Whether the dialog is open (controlled mode)
     */
    open?: boolean;
    /**
     * Callback when the dialog open state changes
     */
    onOpenChange?: (open: boolean) => void;
    /**
     * Whether the dialog is open by default (uncontrolled mode)
     */
    defaultOpen?: boolean;
    /**
     * Whether clicking outside closes the dialog
     */
    closeOnOutsideClick?: boolean;
    /**
     * Additional CSS classes for the dialog content wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the content area
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the header
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the form
     */
    formClassName?: string;
    /**
     * Additional CSS classes for the close button
     */
    closeClassName?: string;
    /**
     * Background style variant for the section
     * @default "default"
     */
    background?: SectionBackground;
    /**
     * Full form engine setup and props
     */
    formEngineSetup?: FormEngineProps;
    /**
     * Submit button configuration
     */
    buttonAction?: ActionConfig;
}
/**
 * OfferModalNewsletterDiscount - A compact newsletter signup modal positioned at the bottom-right
 * of the screen. Features a clean design with a close button, compelling headline, email input,
 * and subscribe CTA. Perfect for e-commerce sites offering first-purchase discounts or newsletter
 * signup incentives.
 *
 * The newsletter form is powered by `FormEngine` from `@page-speed/forms/integration`,
 * which handles validation, submission, error handling, and success states.
 *
 * @example
 * ```tsx
 * <OfferModalNewsletterDiscount
 *   title="Join our newsletter and enjoy 35% off your first order"
 *   formEngineSetup={{
 *     formConfig: { endpoint: "/api/subscribe", format: "json" },
 *   }}
 * />
 * ```
 */
declare function OfferModalNewsletterDiscount({ title, closeButtonText, closeButtonSlot, formSlot, headerSlot, open, onOpenChange, defaultOpen, closeOnOutsideClick, className, contentClassName, headerClassName, titleClassName, formClassName, closeClassName, background, formEngineSetup, buttonAction, }: OfferModalNewsletterDiscountProps): React.JSX.Element;

export { OfferModalNewsletterDiscount, type OfferModalNewsletterDiscountProps };
