import * as React from 'react';
import './PictureBox.scss';
type ImageType = {
    src: string;
    src2x?: string;
    align?: 'right' | 'left';
    alt?: string;
};
type ButtonType = {
    title?: string;
    href?: string;
    target?: '_self' | '_blank';
    rel?: string;
    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
};
export interface IPictureBoxProps {
    /** Изображение */
    image: ImageType;
    /** Кнопка */
    button?: ButtonType;
    /** Дополнительная кнопка */
    extraButton?: ButtonType;
    /** Маска */
    pictureMask?: 'mac-book' | 'none';
    /** Дочерние элементы */
    children: React.ReactNode;
    /** Ссылка на корневой элемент */
    rootRef?: React.Ref<HTMLDivElement>;
    /** Дополнительный класс для корневого элемента */
    className?: string;
    /** Дополнительный класс корневого элемента */
    classes?: {
        root?: string;
        button?: string;
        extraButton?: string;
    };
    /** Дополнительные data атрибуты к внутренним элементам */
    dataAttrs?: {
        root?: Record<string, string>;
        button?: Record<string, string>;
        extraButton?: Record<string, string>;
        image?: Record<string, string>;
        mask?: Record<string, string>;
        buttonsWrapper?: Record<string, string>;
    };
}
declare const PictureBox: React.FC<IPictureBoxProps>;
export default PictureBox;
