import { type AriaAttributes, type ReactNode } from 'react'; import type { AriaLabelingProps } from '../../core/types/a11y-props.js'; import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js'; import type { DataTestId } from '../../core/types/data-props.js'; import type { DOMProps } from '../../core/types/dom.js'; import type { MaskingProps } from '../../core/types/masking-props.js'; import type { StylingProps } from '../../core/types/styling-props.js'; /** * Accepted properties for `AiLoadingIndicator`. * @public */ export interface AiLoadingIndicatorProps extends DOMProps, StylingProps, DataTestId, MaskingProps, AriaLabelingProps, BehaviorTrackingProps { /** * Whether the element and all focusable descendants are disabled. * `aria-disabled="true"` only semantically exposes these elements as being disabled. * * @deprecated Will be removed. Please remove this prop from your implementation, since the attribute is only intended for interactive elements. */ 'aria-disabled'?: AriaAttributes['aria-disabled']; /** * The label shown in the indicator. */ children: ReactNode; /** * The `aria-valuetext` attribute provides a human-readable text alternative for assistive technologies about the loading progress. * @remarks Because `AiLoadingIndicator` is indeterminate, `aria-valuetext` is used instead of `aria-valuenow` to describe the progress. * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuetext */ 'aria-valuetext'?: string; } /** * Use the `AiLoadingIndicator` component to indicate that AI-generated content is being loaded. * @public */ export declare const AiLoadingIndicator: ((props: AiLoadingIndicatorProps & import("react").RefAttributes) => import("react").ReactElement | null) & { Icon: (props: import("./AiLoadingIndicatorIcon.js").AiLoadingIndicatorIconProps & import("react").RefAttributes) => import("react").ReactElement | null; };