import React from 'react';
import type { PaddingProps, Placement } from '@coinbase/cds-common/types';
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?: React.CSSProperties;
  className?: string;
  /** Custom styles for individual elements of the ProgressBarWithFixedLabels component */
  styles?: {
    /** Root element */
    root?: React.CSSProperties;
    /** Label container element */
    labelContainer?: React.CSSProperties;
    /** Start label element */
    startLabel?: React.CSSProperties;
    /** End label element */
    endLabel?: React.CSSProperties;
  };
  /** Custom class names for individual elements of the ProgressBarWithFixedLabels component */
  classNames?: {
    /** Root element */
    root?: string;
    /** Label container element */
    labelContainer?: string;
    /** Start label element */
    startLabel?: string;
    /** End label element */
    endLabel?: string;
  };
};
export type ProgressBarFixedLabelContainerProps = Omit<
  ProgressBarWithFixedLabelsProps,
  'labelPlacement' | 'progress' | 'disabled' | 'style' | 'className'
> &
  Pick<PaddingProps, 'paddingBottom' | 'paddingTop'> & {
    visuallyDisabled: boolean;
  };
export type ProgressBarFixedLabelBesideProps = Pick<
  ProgressBarProps,
  'disableAnimateOnMount' | 'style' | 'className'
> & {
  label: ProgressBarLabel;
  visuallyDisabled: boolean;
};
export type ProgressBarFixedLabelProps = Pick<
  ProgressBarProps,
  'disableAnimateOnMount' | 'style' | 'className'
> & {
  position: 'start' | 'end';
  label: ProgressBarLabel;
  visuallyDisabled: boolean;
};
export declare const ProgressBarWithFixedLabels: React.FC<
  React.PropsWithChildren<ProgressBarWithFixedLabelsProps>
>;
//# sourceMappingURL=ProgressBarWithFixedLabels.d.ts.map