import React from 'react';

type FormErrorMessageProps = {
    /**
     * The error message itself.
     */
    children: React.ReactNode;
};
/** An error message
 *
 * This component is used to show error messages related to a form input.
 * It should _always_ be used inside of a `FormControl` component.
 *
 * It will only render if the `isInvalid` prop of its enclosing `FormControl` component is set to true.
 *
 * ```tsx
 * <FormControl isInvalid={email === ""}>
 *    <Input label="E-mail" value={email} onChange={updateEmail} />
 *    <FormErrorMessage>This field is required</FormErrorMessage>
 * </FormControl>
 * ```
 *
 * If you're using a `FormHelperText` (or any other components inside of the `FormControl`), make sure to render the `FormErrorMessage` before those.
 * ```tsx
 * <FormControl isInvalid={email === ""}>
 *    <Input label="E-mail" value={email} onChange={updateEmail} />
 *    <FormErrorMessage>This field is required</FormErrorMessage>
 *    <FormHelperText>We don't share your email</FormHelperText>
 * </FormControl>
 * ```
 *
 * @see https://spor.vy.no/komponenter/skjemaelementer
 */
declare const FormErrorMessage: ({ children }: FormErrorMessageProps) => JSX.Element | null;

export { FormErrorMessage, FormErrorMessageProps };