import { default as React } from 'react';
import { IconProps } from '../../../tedi/components/base/icon/icon';
import { RowProps } from '../../../tedi/components/layout/grid';
import { CardProps } from '../card';
/**
 * @deprecated Use EmptyState from `@tedi-design-system/react/tedi` instead.
 */
export interface PlaceholderProps {
    /**
     * Placeholder block content
     */
    children?: React.ReactNode;
    /**
     * Placeholder icon name, IconProps object or ReactNode(e.g SVG)
     * @default spa
     */
    icon?: string | IconProps | React.ReactNode;
    /**
     * Additional class name.
     */
    className?: string;
    /**
     * Card props that get passed to `<Card>`
     */
    cardProps?: Omit<CardProps, 'className'>;
    /**
     * Use when nesting inside other components like `<CardContent>`. Passes certain default props to the inner card, like `type='borderless'`, `padding='none'` etc.
     * This is just a shortcut. The same result can be achieved using `cardProps`
     */
    isNested?: boolean;
    /**
     * Row props that get passed to row wrapping icon and content
     */
    rowProps?: RowProps;
}
/**
 * @deprecated Use EmptyState from `@tedi-design-system/react/tedi` instead.
 *
 * Placeholder is used to indicate, that there is no data to show. It can be used on its own or inside other components, like a `<CardContent>`.
 * Other components also use it internally for displaying empty state. (E.g. `<Table>`)
 */
export declare const Placeholder: (props: PlaceholderProps) => JSX.Element;
export default Placeholder;