import React from 'react';
export interface Product {
    title: string;
    images: {
        primary: string;
        secondary: string;
    };
}
interface ModalProps {
    product: Product;
    children: React.ReactNode;
    /**
     * Flag to indicate if the main header is hidden from view.
     */
    isMainHeaderHidden?: boolean;
    /**
     * Classname applied to the root.
     */
    className?: string;
    /**
     * Inline styles applied to the children container.
     */
    childrenElStyle?: React.CSSProperties;
    /**
     * Ref for the root element.
     */
    rootElRef?: React.LegacyRef<HTMLElement>;
    /**
     * Ref for the element containing the children.
     */
    childrenElRef?: React.LegacyRef<HTMLDivElement>;
    onNext?: () => Promise<void>;
    disableNext?: boolean;
    /**
     * @default 'Next'
     */
    nextBtnText?: string;
    /**
     * @default false
     */
    shouldConfirmBeforeClose?: boolean;
    /**
     * Indicate whether the personalization has the necessary data to save it.
     * @default true
     */
    canSaveNote?: boolean;
}
declare const Container: ({ product, children, isMainHeaderHidden, className, childrenElStyle, rootElRef, childrenElRef, onNext, disableNext, nextBtnText, shouldConfirmBeforeClose, canSaveNote }: ModalProps) => JSX.Element;
export default Container;