import {
  BlazeColor,
  BlazeFirstTimeSlideCTAStyle,
  BlazeFirstTimeSlideInstructionStyle as BlazeFirstTimeSlideInstructionStyle,
  BlazeFirstTimeSlideTextStyle,
  BlazeFont,
  BlazeMargins,
  BlazePlayerButtonStyle,
} from './';

export interface BlazeStoryPlayerStyle {
  title?: BlazeStoryPlayerTitleTextStyle;
  lastUpdate?: BlazeStoryPlayerLastUpdateTextStyle;
  buttons?: BlazeStoryPlayerButtonsStyle;
  backgroundColor?: string;
  cta?: BlazeStoryPlayerCtaStyle;
  chips?: BlazeStoryPlayerChipsStyle;
  headerGradient?: BlazeStoryPlayerHeaderGradientStyle;
  firstTimeSlide?: BlazeStoryPlayerFirstTimeSlideStyle;
  progressBar?: BlazeStoryPlayerProgressBarStyle;
}

interface BlazeStoryPlayerFirstTimeSlideStyle {
  show?: boolean;
  cta?: BlazeFirstTimeSlideCTAStyle;
  backgroundColor?: BlazeColor;
  mainTitle?: BlazeFirstTimeSlideTextStyle;
  subtitle?: BlazeFirstTimeSlideTextStyle;
  instructions?: BlazeStoryPlayerFirstTimeSlideInstructionsStyle;
}

interface BlazeStoryPlayerProgressBarStyle {
  backgroundColor?: string;
  progressColor?: string;
}

interface BlazeStoryPlayerFirstTimeSlideInstructionsStyle {
  forward?: BlazeFirstTimeSlideInstructionStyle;
  pause?: BlazeFirstTimeSlideInstructionStyle;
  backward?: BlazeFirstTimeSlideInstructionStyle;
  transition?: BlazeFirstTimeSlideInstructionStyle;
}

interface BlazeStoryPlayerButtonsStyle {
  mute?: BlazePlayerButtonStyle;
  exit?: BlazePlayerButtonStyle;
  share?: BlazePlayerButtonStyle;
}

interface BlazeStoryPlayerCtaStyle {
  cornerRadius?: number;
  textSize?: number;
  font?: BlazeFont;
}


type BlazeTextCase = 'Uppercase' | 'Lowercase';

interface BlazeStoryPlayerTitleTextStyle {
  font?: BlazeFont;
  textSize?: number;
  textColor?: string;
  isVisible?: boolean;
}

interface BlazeStoryPlayerLastUpdateTextStyle { 
  font?: BlazeFont;
  textColor?: string;
  textSize?: number;
  textCase?: BlazeTextCase;
  isVisible?: boolean;
}

interface BlazeStoryPlayerHeaderGradientStyle {
  isVisible?: boolean;
  startColor?: string;
  endColor?: string;
}

interface BlazeStoryPlayerChipStyle {
  titlePadding?: BlazeMargins;
  text?: string;
  textColor?: string;
  backgroundColor?: string;
  isVisible?: boolean;

}

interface BlazeStoryPlayerChipsStyle {
  live?: BlazeStoryPlayerChipStyle;
  ad?: BlazeStoryPlayerChipStyle;
}