import { ReactNode } from 'react';
import { ProgressProps } from '../shared/types';
type SizeOption = 'small' | 'medium' | 'large';
type WithSizeProp = {
    size?: SizeOption;
    customDiameter?: never;
};
type WithCustomDiameterProp = {
    size?: never;
    customDiameter?: number;
};
type ProgressCircleSizeProps = WithSizeProp | WithCustomDiameterProp;
export type ProgressCircleProps = ProgressProps & ProgressCircleSizeProps & {
    ccMargin?: string;
    shouldShowCompleteIcon?: boolean;
    formatValue?: ({ value, max, }: Readonly<{
        value: ProgressProps['value'];
        max: ProgressProps['max'];
    }>) => ReactNode;
};
/**
- Reads a hidden [HTML `<progress>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress) to screen readers.
- `label` and `id` are required for screen reader accessibility.
- `formatValue` gives you access to `max` and `value` to format the content inside the circle.
- `size` can be 'small', 'medium', or 'large'
- `customDiameter` allows overriding the circle size in pixels while maintaining the predefined size proportions
*
* > 🕵️ **QA Note:** If Cypress doesn't see the `data-testid`, you can also assert on the following elements:
* `[your-data-testid]-container`, `[your-data-testid]-output` (the text inside the circle), and
* `[your-data-testid]-icon` (the checkmark icon).
*/
export declare function ProgressCircle({ formatValue, size, customDiameter, shouldShowCompleteIcon, ccMargin, ...props }: ProgressCircleProps): import("react/jsx-runtime").JSX.Element;
export default ProgressCircle;