import React from 'react';

interface Section {
    x: number;
    y: number;
    width: number;
    height: number;
    title: string;
    link?: string;
    id?: string;
}
interface Theme {
    primary: string;
    secondary: string;
    danger: string;
    success: string;
}
interface ImageSectionMapperProps {
    imageUrl: string;
    onSave?: (sections: Section[]) => void | Promise<void>;
    initialSections?: Section[];
    sectionTitlePrefix?: string;
    className?: string;
    controls?: boolean;
    theme?: Partial<Theme>;
    minSectionSize?: number;
    maxSections?: number;
    readOnly?: boolean;
    onSectionClick?: (section: Section) => void;
    onSectionHover?: (section: Section | null) => void;
}

declare const ImageSectionMapper: React.FC<ImageSectionMapperProps>;

export { ImageSectionMapper, type ImageSectionMapperProps, type Section, type Theme };