import { ProgressBarOrientation } from './progress-controls/components/progress-bar.types';
import { ThemeBreakpointOptions } from 'utils/theme';

import {
  PRODUCT_LIST,
  MULTI_IMAGE,
  HERO_MULTI
} from 'utils/constants/layouts-names';

export type ProgressBarMaxSizes = {
  [option in ThemeBreakpointOptions]: number
}

export type SliderControlsProps = {
  onNext: () => any;
  onPrevious: () => any;
  currentSlide: number;
  maxSlides: number;
  layoutId?: HERO_MULTI | PRODUCT_LIST | MULTI_IMAGE;
  orientation?: ProgressBarOrientation;
  colour: string;
  controlsEnabled: boolean;
}