import React from 'react';
import { type StyleProp, type View, type ViewStyle } from 'react-native';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
import type { Weight } from '@coinbase/cds-common/types/Weight';
import type { HintMotionBaseProps } from '../motion/types';
export type ProgressBaseProps = SharedProps &
  Pick<HintMotionBaseProps, 'disableAnimateOnMount'> &
  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
    /** Number between 0-1 representing the progress percentage */
    progress?: number;
    /** Toggle used to change thickness of progress visualization
     * @default normal
     * */
    weight?: Weight;
    /**
     * Toggle used to show a disabled progress visualization
     */
    disabled?: boolean;
    /**
     * Custom progress color.
     * @default primary
     */
    color?: ThemeVars.Color;
    /**
     * Callback fired when the progress animation ends.
     */
    onAnimationEnd?: () => void;
    /**
     * Callback fired when the progress animation starts.
     */
    onAnimationStart?: () => void;
  };
export type ProgressBarProps = ProgressBaseProps & {
  style?: StyleProp<ViewStyle>;
  /** Custom styles for individual elements of the ProgressBar component */
  styles?: {
    /** Root element */
    root?: StyleProp<ViewStyle>;
    /** Progress fill element */
    progress?: StyleProp<ViewStyle>;
  };
};
export declare const ProgressBar: React.MemoExoticComponent<
  ({
    ref: forwardedRef,
    ..._props
  }: ProgressBarProps & {
    ref?: React.Ref<View>;
  }) => import('react/jsx-runtime').JSX.Element
>;
//# sourceMappingURL=ProgressBar.d.ts.map