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

export type Props = {
  counter: number;
  header: string;
  description: string;
  icon?: "gift" | "fire";
  iconData: TItemData[];
  loading?: boolean;
  filledStreakImg?: string | any;
  pendingStreakImg?: string | any;
  styleConfig?: styleConfig;
};

export type TItemData = {
  title: string;
  range: number;
};
export interface styleConfig {
  IconBackground?: ViewStyle;
  IconColor?: TextStyle;
  Form?: ViewStyle;
  Count?: TextStyle;
  Heading?: TextStyle;
  Description?: TextStyle;
  Footer?: {
    FooterStyle?: ViewStyle;
    FooterText?: TextStyle;
    FooterIcon?: TextStyle;
  };
}
// export interface styles {
//   headerNumberStyle?: TextStyle;
//   headerTextStyle?: TextStyle;
//   descriptionTextStyle?: TextStyle;
//   footerViewStyle?: ViewStyle;
//   footerTextStyle?: TextStyle;
// }