import * as React from 'react';
import { CSSProperties } from 'react';
import { IconName } from './Icon';
export type NonIdealStateProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
    icon?: 'error' | 'no-results' | 'spinner' | IconName;
    title: string;
    description?: React.ReactNode;
    action?: React.ReactNode;
    shrinkable?: boolean;
    maxWidth?: CSSProperties['maxWidth'];
};
export declare const NonIdealState: ({ title, description, icon, action, shrinkable, maxWidth, }: NonIdealStateProps) => import("react/jsx-runtime").JSX.Element;
export declare const NonIdealStateWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("./Box").Props & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>, any, {}, never>;