import React, { ElementType, ReactNode } from 'react';
import { BoxProps, CardProps, ClickAwayListenerProps, FadeProps, IconButtonProps, PopperProps, SvgIconProps } from '@mui/material';
import { ResponsiveStyleValue } from '@mui/system';
export interface HotspotCardProps extends Omit<IconButtonProps, 'color' | 'size'> {
    /**
     * top position of hotspot card
     */
    top?: ResponsiveStyleValue<number | string>;
    /**
     * left position of hotspot card
     */
    left?: ResponsiveStyleValue<number | string>;
    /**
     * bottom position of hotspot card
     */
    bottom?: ResponsiveStyleValue<number | string>;
    /**
     * right position of hotspot card
     */
    right?: ResponsiveStyleValue<number | string>;
    /**
     * Boolean that defines different design whether a HotspotCardIconButton is placed on background inside the Card, (instead of image)
     */
    onBackground?: boolean;
    /**
     * Make sure to center IconButton, helpful with left or right properties set to 50%
     */
    center?: boolean;
    /**
     * Boolean that defines whether a HotspotCard is opened.
     *
     * @see setOpen
     */
    open?: boolean;
    /**
     * Function that can be used to control a state of card popup
     *
     * @param open new open value
     * @see open
     */
    setOpen?: (open: boolean) => void;
    /**
     * Properties that will be passed to Fade component
     *
     * @see Fade
     */
    fadeProps?: Omit<FadeProps, 'children'>;
    /**
     * Properties that will be passed to Popper component
     *
     * @see Popper
     */
    popperProps?: Omit<PopperProps, 'open'>;
    /**
     * Properties applied to ClickAwayListener
     */
    clickAwayListenerProps?: Omit<ClickAwayListenerProps, 'children'>;
    /**
     * Custom icon component to use instead of the default PlusIcon
     */
    icon?: ReactNode;
    /**
     * Properties that will be passed to the icon component
     */
    iconProps?: SvgIconProps;
    /**
     * Custom icon component to use instead of the default PlusIcon
     */
    insideIcon?: ReactNode;
    /**
     * Properties for a cose icon inside HotspotCard
     */
    insideIconProps?: SvgIconProps;
    /**
     * Properties for a IconButton inside HotspotCard
     */
    insideIconButtonProps?: IconButtonProps<ElementType>;
    /**
     * Properties for a Box element that wraps button and popper
     */
    wrapperProps?: BoxProps<ElementType>;
    /**
     * Properties for Card inside the Popper element.
     */
    cardProps?: CardProps<ElementType>;
}
/**
 * A card component that is toggled on and off with IconButton.
 * The card is fullscreen on mobile-size devices.
 */
export declare const HotspotCard: React.FC<HotspotCardProps>;