import type { CSSProperties, ReactNode } from 'react';
import type { SizesTypes } from './styles.css';
type EmptyStateProps = {
    title?: string;
    description: ReactNode;
    /**
     * Container size will be same on `small` and `medium`
     * only the image size will change on those properties.
     * `small` and `medium` container is 720px wide
     * `large` container is 1080px wide
     */
    size?: SizesTypes;
    /**
     * You can give the path of an image or a component that will render an image.
     */
    image?: ReactNode;
    primaryButton?: ReactNode;
    secondaryButton?: ReactNode;
    learnMore?: {
        link: string;
        text: string;
        target?: string;
    };
    bordered?: boolean;
    className?: string;
    children?: ReactNode;
    'data-testid'?: string;
    style?: CSSProperties;
};
export declare function EmptyState({ image, title, size, description, primaryButton, secondaryButton, learnMore, className, bordered, children, 'data-testid': dataTestId, style, }: EmptyStateProps): import("react").JSX.Element;
export declare namespace EmptyState {
    var displayName: string;
}
export {};
//# sourceMappingURL=index.d.ts.map