import { type CSSProperties, type MouseEventHandler, type ReactNode } from "react";
import { type IDashboardLayoutSizeByScreenSize } from "@gooddata/sdk-model";
import { type CommonExportDataAttributes } from "../../export/types.js";
export type LayoutElementType = "root" | "nested" | "section" | "item" | "leaf-item";
export interface IGridLayoutElementProps {
    /**
     * Type of grid element.
     */
    type: LayoutElementType;
    /**
     * Element children renderer inside of the element.
     */
    children: ReactNode;
    /**
     * Optional class name set on the element.
     */
    className?: string;
    /**
     * Optional style set on the element, used for quick hiding of the element from layout.
     */
    style?: CSSProperties | undefined;
    /**
     * The sizes of the grid element per each supported screen size.
     */
    layoutItemSize?: IDashboardLayoutSizeByScreenSize;
    /**
     * Callback called when mouse leave the element.
     */
    onMouseLeave?: MouseEventHandler;
    /**
     * Data for export in export mode.
     */
    exportData?: CommonExportDataAttributes;
    /**
     * Export styles for export mode.
     */
    exportStyles?: CSSProperties;
}
export declare const GridLayoutElement: import("react").ForwardRefExoticComponent<IGridLayoutElementProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GridLayoutElement.d.ts.map