import React from 'react';
import { ButtonProps } from '../../';
import { IconName } from '@harnessio/icons';
export interface PageBodyProps {
    /** If set to true, spinner should be shown */
    loading?: boolean;
    /** message to pass to <PageSpinner/> */
    loadingMessage?: string;
    /** If not nullable, show page error */
    error?: React.ReactNode;
    /** If passed, render 'Retry' button alongside error message */
    retryOnError?: ButtonProps['onClick'];
    /** noData structure */
    noData?: {
        /** when true, show <NoDataCard/> */
        when: () => boolean;
        /** icon to pass to <NoDataCard/> */
        icon?: IconName;
        /** disables color passing to icon in <NoDataCard />  */
        noIconColor?: boolean;
        /** image to pass to <NoDataCard/> */
        image?: string;
        /** image class name to pass to <NoDataCard/> */
        imageClassName?: string;
        /** message title to pass to <NoDataCard/> */
        messageTitle?: string;
        /** message to pass to <NoDataCard/> */
        message?: string;
        /** Button to render with custom styles */
        button?: React.ReactElement;
        /** button text to pass to <NoDataCard/> */
        buttonText?: string;
        /** onClick event handler to pass to <NoDataCard/> */
        onClick?: ButtonProps['onClick'];
        /** class name to pass for no data */
        className?: string;
        /** boolean value to decide button state in <NoDataCard/> */
        buttonDisabled?: boolean;
        /** string to add tooltip on the button if disabled */
        buttonDisabledTooltip?: string;
    };
    /** True if Page does not have header */
    filled?: boolean;
    /** Optional classname */
    className?: string;
}
/**
 * PageBody implements page body container with some decorations like background image,
 * alignments, etc...
 */
export declare const PageBody: React.FC<PageBodyProps>;