import { EntityName } from '@hakit/core';
import { PictureCardProps, CardBaseProps } from '../..';
type OmitProperties = "as" | "active" | "title" | "entity" | "modalProps" | "entity" | "serviceData" | "service" | "disableRipples" | "disableScale" | "disableActiveState" | "rippleProps" | "service" | "serviceData" | "longPressCallback" | "onClick" | "modalProps";
type Extendable = PictureCardProps & Omit<CardBaseProps<"div", EntityName>, OmitProperties>;
export interface AreaCardProps extends Extendable {
    /** the hash of the area, eg "office", "living-room", this will set the hash in the url bar and activate the area */
    hash: string;
    /** The children to render when the area is activated */
    children: React.ReactNode;
    /** the animation duration of the area expanding @default 0.25 */
    animationDuration?: number;
    /** called when the card is pressed */
    onClick?: () => void;
    /** disable the click events on the card, useful if you want to disable the area card for certain situations like drag or panning */
    disable?: boolean;
}
/** The AreaCard component is a very simple way of categorizing all your entities into a single "PictureCard" which will show all the entities when clicked. */
export declare function AreaCard(props: AreaCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map