import * as React from 'react'; import { View } from 'react-native'; import type { ZestUIComponentProps } from '../../types'; /** * Groups all parts of the meter and announces the value to screen readers. * Renders a ``. * * A meter is a static gauge (disk usage, battery level), unlike `Progress` * which tracks a task towards completion — so it has no indeterminate state and * no `status`. Everything else mirrors `Progress`. * * **Not ported from upstream.** The visually-hidden `` holding an `x` * (an NVDA workaround, a Windows screen reader). */ export declare function MeterRoot(componentProps: MeterRoot.Props): React.JSX.Element; export interface MeterRootState { /** * The current value, clamped into `[min, max]`. */ value: number; /** * The minimum value. */ min: number; /** * The maximum value. */ max: number; /** * How far the value sits through the range, `0`–`100`. This is what an * indicator's width comes from. */ percent: number; /** * The value as text, through `format`/`locale`. */ formattedValue: string; } export interface MeterRootProps extends ZestUIComponentProps { /** * The current value. */ value: number; /** * The minimum value. * @default 0 */ min?: number | undefined; /** * The maximum value. * @default 100 */ max?: number | undefined; /** * Options to format the value. */ format?: Intl.NumberFormatOptions | undefined; /** * The locale used by `Intl.NumberFormat` when formatting the value. * Defaults to the user's runtime locale. */ locale?: Intl.LocalesArgument | undefined; /** * Returns a human-readable text alternative for the current value, announced * by assistive technology. */ getAccessibilityValueText?: ((formattedValue: string, value: number) => string) | undefined; } export declare namespace MeterRoot { type State = MeterRootState; type Props = MeterRootProps; } //# sourceMappingURL=MeterRoot.d.ts.map