interface ErrorSummaryError {
    id: string;
    error: string;
}
export interface ErrorSummaryProps {
    id?: string;
    title?: string;
    /** list of errors */
    errors: ErrorSummaryError[];
    /** jump to parent instead of element */
    hashLink?: boolean;
    classBlock?: string;
    classModifiers?: string | string[] | null;
    className?: string;
}
export declare const DEFAULT_CLASS = "govuk-error-summary";
export declare const DEFAULT_INPUT_ERROR_CLASS = "govuk-input--error";
export declare const DEFAULT_ID = "error-summary";
export declare const DEFAULT_TITLE = "There is a problem";
/** Use this component at the top of a page to summarise any errors a user has made.

When a user makes an error, you must show both an error summary and an error message next to each answer that contains an error.

# When to use this component

Always show an error summary when there is a validation error, even if there’s only one.

# How it works

You must:

* move keyboard focus to the error summary
* include the heading ‘There is a problem’
* link to each of the answers that have validation errors
* make sure the error messages in the error summary are worded the same as those which appear next to the inputs with errors

As well as showing an error summary, follow the <a href="https://design-system.service.gov.uk/patterns/validation/" target="_blank">validation pattern</a> - for example, by adding ‘Error: ’ to the beginning of the page `<title>` so screen readers read it out as soon as possible.

And make your <a href="https://design-system.service.gov.uk/components/error-message/#be-clear-and-concise" target="_blank">error messages</a> clear and concise.
*/
export declare const ErrorSummary: ({ id, hashLink, classBlock, classModifiers, className, title, errors, ...attrs }: ErrorSummaryProps) => import("react/jsx-runtime").JSX.Element;
export {};