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 { PaddingProps } from '@coinbase/cds-common/types/SpacingProps';
import { type ProgressBarLabel } from './getProgressBarLabelParts';
import { type ProgressBarProps, type ProgressBaseProps } from './ProgressBar';
export type ProgressBarWithFixedLabelsBaseProps = Pick<
  ProgressBaseProps,
  'disableAnimateOnMount' | 'disabled' | 'testID'
> & {
  /** Label that is pinned to the start of the container. If a number is used then it will format it as a percentage. */
  startLabel?: ProgressBarLabel;
  /** Label that is pinned to the end of the container. If a number is used then it will format it as a percentage. */
  endLabel?: ProgressBarLabel;
  /**
   * Position of label relative to the bar
   * @default beside
   * */
  labelPlacement?: Extract<Placement, 'above' | 'below' | 'beside'>;
};
export type ProgressBarWithFixedLabelsProps = ProgressBarWithFixedLabelsBaseProps & {
  style?: StyleProp<ViewStyle>;
  /** Custom styles for individual elements of the ProgressBarWithFixedLabels component */
  styles?: {
    /** Root element */
    root?: StyleProp<ViewStyle>;
    /** Label container element */
    labelContainer?: StyleProp<ViewStyle>;
    /** Start label element */
    startLabel?: StyleProp<TextStyle>;
    /** End label element */
    endLabel?: StyleProp<TextStyle>;
  };
};
export type ProgressBarFixedLabelBesideProps = Pick<
  ProgressBarProps,
  'disableAnimateOnMount' | 'style'
> & {
  label: ProgressBarLabel;
  visuallyDisabled: boolean;
};
export type ProgressBarFixedLabelContainerProps = Omit<
  ProgressBarWithFixedLabelsProps,
  'labelPlacement' | 'progress' | 'disabled' | 'style'
> &
  Pick<PaddingProps, 'paddingBottom' | 'paddingTop'> & {
    visuallyDisabled: boolean;
  };
export type ProgressBarFixedLabelProps = Pick<
  ProgressBarProps,
  'disableAnimateOnMount' | 'style'
> & {
  position: 'start' | 'end';
  label: ProgressBarLabel;
  visuallyDisabled: boolean;
};
export declare const ProgressBarWithFixedLabels: React.FC<
  React.PropsWithChildren<ProgressBarWithFixedLabelsProps>
>;
//# sourceMappingURL=ProgressBarWithFixedLabels.d.ts.map