import React from 'react';
import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
import type { Placement } from '@coinbase/cds-common/types/Placement';
import { type ProgressBarLabel } from './getProgressBarLabelParts';
import { type ProgressBaseProps } from './ProgressBar';
export type ProgressBarFloatLabelProps = Pick<
  ProgressBarWithFloatLabelProps,
  'label' | 'progress' | 'disableAnimateOnMount' | 'disabled' | 'labelPlacement' | 'styles'
>;
export type ProgressBarWithFloatLabelBaseProps = Pick<
  ProgressBaseProps,
  'progress' | 'disableAnimateOnMount' | 'disabled' | 'testID'
> & {
  /** Label that is floated at the end of the filled in bar. If a number is used then it will format it as a percentage. */
  label: ProgressBarLabel;
  /**
   * Position of label relative to the bar
   * @default above
   * */
  labelPlacement?: Extract<Placement, 'above' | 'below'>;
};
export type ProgressBarWithFloatLabelProps = ProgressBarWithFloatLabelBaseProps & {
  style?: StyleProp<ViewStyle>;
  /** Custom styles for individual elements of the ProgressBarWithFloatLabel component */
  styles?: {
    /** Root element */
    root?: StyleProp<ViewStyle>;
    /** Label container element */
    labelContainer?: StyleProp<ViewStyle>;
    /** Label element */
    label?: StyleProp<TextStyle>;
  };
};
export declare const ProgressBarWithFloatLabel: React.FC<
  React.PropsWithChildren<ProgressBarWithFloatLabelProps>
>;
//# sourceMappingURL=ProgressBarWithFloatLabel.d.ts.map