import { TextStyle, ViewStyle, ImageStyle } from "react-native";

export type Props = {
  loading?: boolean;
  leadersData: ITopThree[];
  // style?: Istyle;
  cardTitle?: string;
  cardDescription?: string;
  header?: string;
  styleConfig?: styleConfig;
  isModal?:boolean;
};

export interface ITopThree {
  userId: string;
  runningXP: number;
  name: string;
  imageUrl?: string;
  xpLimit: number;
}
export interface styleConfig {
  Description?: TextStyle;
  Footer?: {
    FooterStyle?: ViewStyle;
    FooterText?: TextStyle;
    FooterIcon?: TextStyle;
  };
  Form?: ViewStyle;
  Heading?: TextStyle;
  IconStyle?: TextStyle;
  IndexBackground?: ViewStyle;
  IndexColor?: TextStyle;
  InnerBackground?: ViewStyle;
  MainHeading?: TextStyle;
  PointsBackground?: ViewStyle;
  PointsColor?: TextStyle;
  ProgressBarColor?: ViewStyle;
}

// export interface Istyle {
//   mainModalContainer?: ViewStyle;
//   mainViewStyle?: ViewStyle;
//   headerTextStyle?: TextStyle;
//   RunnerUpViewStyle?: ViewStyle;
//   RunnerUpImageView?: ImageStyle;
//   RunnerUpTitleStyle?: TextStyle;
//   RunnerUpPointsStyle?: ViewStyle;
//   RunnerUpPointsTextStyle?: TextStyle;
//   TopFirstImageView?: ImageStyle;
//   questionDescriptionTextStyle?: TextStyle;
//   indexViewStyle?: ViewStyle;
//   indexTextStyle?: TextStyle;
//   restImageStyle?: ImageStyle;
//   listTitleText?: TextStyle;
//   trofiViewStyle?: ViewStyle;
//   progressBar?: ViewStyle;
//   progressBarInnerStyle?: ViewStyle;
//   listPointsText?: TextStyle;
//   questionBackgroundViewStyle?: ViewStyle;
//   questionHeaderTextStyle?: TextStyle;
//   footerViewStyle?: ViewStyle;
//   footerTextStyle?: TextStyle;
// }