import React from 'react';
import { type StyleProp, type View, type ViewStyle } from 'react-native';
import type { CircleProps } from 'react-native-svg';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import { type BoxProps } from '../layout/Box';
import type { ProgressBaseProps } from './ProgressBar';
export type ProgressCircleBaseProps = ProgressBaseProps & {
  /**
   * Toggle used to hide the content node rendered inside the circle.
   */
  hideContent?: boolean;
  /**
   * @deprecated Use hideContent instead. This will be removed in a future major release.
   * @deprecationExpectedRemoval v8
   * Toggle used to hide the text rendered inside the circle.
   */
  hideText?: boolean;
  /**
   * Optional size in px for the visualization.
   * This is useful if the visualization is used in an HStack.
   * If this is omitted the visualization will fill the parent width or height.
   * Since it's a circular visualization it will fill the smaller of the parent width or height
   */
  size?: number;
  /**
   * Optional component to override the default content rendered inside the circle.
   */
  contentNode?: React.ReactNode;
  /**
   * Toggle used to show an indeterminate progress circle.
   */
  indeterminate?: boolean;
};
export type ProgressCircleProps = ProgressCircleBaseProps & {
  style?: StyleProp<ViewStyle>;
  /** Custom styles for individual elements of the ProgressCircle component */
  styles?: {
    /** Root element */
    root?: StyleProp<ViewStyle>;
    /** SVG container element */
    svgContainer?: StyleProp<ViewStyle>;
    /** SVG element */
    svg?: StyleProp<ViewStyle>;
    /** Text container element */
    textContainer?: StyleProp<ViewStyle>;
    /** Foreground progress circle element */
    progress?: Partial<CircleProps>;
    /** Background circle element */
    circle?: Partial<CircleProps>;
  };
};
export type ProgressCircleContentProps = Pick<
  ProgressCircleBaseProps,
  'progress' | 'disableAnimateOnMount' | 'disabled'
> &
  BoxProps & {
    /**
     * Custom text color.
     * @default fgMuted
     */
    color?: ThemeVars.Color;
  };
export declare const ProgressCircle: React.MemoExoticComponent<
  ({
    ref: forwardedRef,
    ..._props
  }: ProgressCircleProps & {
    ref?: React.Ref<View>;
  }) => import('react/jsx-runtime').JSX.Element
>;
//# sourceMappingURL=ProgressCircle.d.ts.map