import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
  mainViewStyle: { width: "100%", borderRadius: 12, backgroundColor: "white" },
  loadingMainView: {
    flex: 1,
    justifyContent: "center",

    alignItems: "center",
  },
  headerViewStyle: { paddingTop: 20, paddingHorizontal: 20 },
  headerNumberStyle: {
    fontSize: 36,
    fontWeight: "600",
    lineHeight: 44,
    color: "#9035FF",
    textAlign: "center",
  },
  headerTextStyle: {
    fontSize: 12,
    fontWeight: "500",
    lineHeight: 16,
    textAlign: "center",
    color: "#9035FF",
  },
  descriptionTextStyle: {
    fontSize: 12,
    fontWeight: "400",
    lineHeight: 16,
    color: "#2C2C2C",
    textAlign: "center",
  },
  iconViewStyle: {
    flexDirection: "row",
    flexWrap: "wrap",
    paddingHorizontal: 20,
    paddingVertical: 20,
    justifyContent: "center",
    alignItems: "flex-start",
  },
  imageStyle: { width: 25, height: 25 },
  footerView: {
    display: "flex",
    paddingVertical: 12,
    paddingHorizontal: 20,
    justifyContent: "center",
    gap: 8,
    alignSelf: "stretch",
    backgroundColor: "#FBFBFB",
    borderBottomStartRadius: 12,
    borderBottomEndRadius: 12,
  },
  footerInnerView: {
    display: "flex",
    justifyContent: "space-between",
    flexDirection: "row",
    alignItems: "center",
  },
  footerText: {
    fontSize: 12,
    fontStyle: "normal",
    fontWeight: "400",
    lineHeight: 16,
    color: "#B9B9B9",
  },
  iconBackGroundViewStyle: {
    borderRadius: 56,
    backgroundColor: "#F4EBFF",
    padding: 12,
    width: 48,
    alignSelf: "center",
  },
  iconTextStyle: { width: 58, marginTop: 5, textAlign: "center" },
});