import type { ReactNode } from 'react';
import React from 'react';
import type { Status } from '../../util/variant-types';
import type { IconName } from '../Icon';
export type FieldNoteProps = {
    /**
     * Child node(s) that can be nested inside component
     */
    children?: ReactNode;
    /**
     * CSS class names that can be appended to the component.
     */
    className?: string;
    /**
     * HTML id for the component
     */
    id?: string;
    /**
     * Toggles disabled styling of the field note.
     */
    disabled?: boolean;
    /**
     * Icon to use when an "icon" variant of the avatar.
     *
     * **Default is `"critical"`**.
     */
    icon?: Extract<IconName, 'critical-encircled-filled' | 'dangerous' | 'warning-filled'>;
    /**
     * Status for the field state
     *
     * **Default is `"default"`**.
     */
    status?: 'default' | Extract<Status, 'warning' | 'critical'>;
};
/**
 * `import {FieldNote} from "@chanzuckerberg/eds";`
 *
 * Fieldnote component wraps text to describe other components.
 */
export declare const FieldNote: {
    ({ children, className, id, disabled, icon, status, ...other }: FieldNoteProps): React.JSX.Element;
    displayName: string;
};