import { AreasLoadingErrorProps } from './types';
/**
 * LoadingError component.
 *
 * This component displays either a loading indicator or an error message.
 * Depending on the `status` prop, it renders:
 *
 * - An indeterminate progress indicator when `status` is different from `"error"`.
 * - A customizable error view with title, description, action button, and optional
 *   error icon when `status` is `"error"`.
 *
 * The component also adapts to the container size through `useComponentSize`.
 * A `ResizeObserver` determines whether the container is tall enough to keep
 * the error icon visible.
 * @param {AreasLoadingErrorProps} props - Component props.
 * @param {string} props.status - Current loading status. If it is `"error"`, the component renders the error view; otherwise it renders the progress indicator.
 * @param {() => void} props.action - Callback executed when the action button is clicked.
 * @param {string} [props.title] - Error title. Falls back to the dictionary label when omitted.
 * @param {string} [props.description] - Error description. Falls back to the dictionary label when omitted.
 * @param {string} [props.recommendation] - Legacy prop kept for compatibility. It is not rendered.
 * @param {string} [props.introMessage] - Action button label. Falls back to the dictionary label when omitted.
 * @param {string} [props.errorIcon] - Error icon URL. Uses the default icon when omitted.
 * @param {string} [props.className] - Extra CSS classes applied to the component root.
 * @param {string} [props.dataTestId] - Test id for the component root.
 * @param {'small' | 'medium' | 'large'} [props.size] - Component size used to scale content.
 * @example
 * <LoadingError
 *   status="error"
 *   action={() => console.log("Retrying...")}
 *   title="Loading error"
 *   description="The required information could not be loaded."
 *   introMessage="Try again"
 *   errorIcon="/path/to/custom/error-icon.svg"
 *   className="custom-loading-error"
 *   dataTestId="loading-error-component"
 *   size="medium"
 * />
 * @returns {JSX.Element} A React component that shows a progress indicator or an error view depending on `status`.
 */
export declare const LoadingError: (props: AreasLoadingErrorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
//# sourceMappingURL=LoadingError.d.ts.map