import * as React from 'react';

export interface CircularProgressBarProps {
  /** Should be true if had failure during the progress */
  error?: boolean;
  /** Label to display when an error happens */
  errorLabel?: string;
  /** Message to display when an error happens */
  errorMessage?: string;
  /** Use light theme instead of dark theme */
  light?: boolean;
  /** Use to display a percentage progress */
  showProgressIndication?: boolean;
  /** Use to display custom text in the progress bar */
  label?: string;
  /** Placement of the label in the progress bar */
  labelPlacement?: CircularProgressBarLabelPlacement;
  /** Skin of the bar */
  skin?: CircularProgressBarSkin;
  /** Size of the bar */
  size?: CircularProgressBarSize;
  /** The number of the percentage progress */
  value?: number | string;
  dataHook?: string;
}

export default class CircularProgressBar extends React.PureComponent<CircularProgressBarProps> {}

export type CircularProgressBarSize = 'tiny' | 'small' | 'medium' | 'large';

export type CircularProgressBarSkin = 'standard' | 'premium' | 'success';

export type CircularProgressBarLabelPlacement = 'bottom' | 'center';