import { JSX } from 'react';
export type BaseMapOptionType = 'button' | 'historical' | 'selection';
export type BaseMapOptionTooltipType = 'info' | 'error';
export interface BaseMapOptionProps {
    /**
     * The title displayed within the option.
     */
    title: string;
    /**
     * The main content of the option, typically a thumbnail. Can be any valid React node.
     */
    content: React.ReactNode;
    /**
     * Indicates whether the option is currently selected.
     * Used to apply specific visual styles.
     */
    selected?: boolean;
    /**
     * Callback triggered when the option is clicked
     * or activated via keyboard (Enter or Space).
     */
    onSelect?: () => void;
    /**
     * The type of the option, which controls styling.
     * - `'selection'`: thumbnail with the title rendered below (default)
     * - `'button'`: square thumbnail with the title overlaid
     * - `'historical'`: styled for historical context
     * @default 'selection'
     */
    type?: BaseMapOptionType;
    /**
     * Optional custom class name to apply additional styles.
     */
    className?: string;
    /**
     * HTML `id` attribute to identify the element.
     */
    id: string;
    /**
     * When `true`, renders a "stacked" visual indicating multiple maps.
     */
    multiple?: boolean;
    /**
     * Applies disabled style.
     */
    disabled?: boolean;
    /**
     * Text shown in a tooltip. When set, an info icon is rendered in the middle of
     * the option and reveals this text on hover.
     */
    tooltipText?: string;
    /**
     * Visual style of the info icon shown when `tooltipText` is set.
     * - `'info'`: neutral informational icon (default)
     * - `'error'`: error/danger styled icon
     * @default 'info'
     */
    tooltipType?: BaseMapOptionTooltipType;
}
export declare const BaseMapOption: {
    (props: BaseMapOptionProps): JSX.Element;
    displayName: string;
};
export default BaseMapOption;