import React, { Dispatch, SetStateAction } from 'react';
import { LOCALE, UserInfo } from "../../../interfaces/types";
export declare const LightboxLayout: ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, showThankyou, campaignId, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, }: {
    popupId: string;
    currentLayout: string;
    extraFields: any;
    title?: string;
    imageMobile?: string;
    imageDesktop?: string;
    imageOverlayMobile?: string;
    imageOverlayDesktop?: string;
    imageBackground?: string;
    onClose?: () => void;
    onOtherSubmit?: () => void;
    onSubmit?: (currentForm: HTMLFormElement, values: Record<string, any>) => void;
    showThankyou?: {
        title: string;
        titleAlign?: string;
        subtitle: string;
        subtitleAlign?: string;
        link: string;
        linkNewTab?: boolean;
        linkText: string;
        image?: string;
    };
    campaignId: number;
    campaign_subot_id: number[];
    locale?: LOCALE;
    showEmpty?: boolean;
    setShowEmpty?: Dispatch<SetStateAction<boolean>>;
    userInfo?: UserInfo | null;
}) => React.JSX.Element;