import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
  mainViewStyle: {
    width: "100%",
    maxHeight: "90%",
    borderRadius: 12,
    backgroundColor: "#FFF",
  },
  headerView: {
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "flex-start",
    padding: 20,
    borderBottomWidth: 1,
    borderColor: "#EFEFEF",
    borderTopLeftRadius: 12,
    borderTopRightRadius: 12,
  },
  lineView: { position: "relative", top: 45, right: 29 },
  stepTextStyle: {
    fontSize: 10,
    fontWeight: "600",
    lineHeight: 12,
    color: "#B9B9B9",
  },

  headerText: {
    fontSize: 20,
    fontWeight: "600",
    lineHeight: 30,
    letterSpacing: -0.4,
  },
  descriptionText: {
    color: "#939393",
    fontSize: 12,
    fontWeight: "400",
    lineHeight: 16,
  },
  rightIconBackgroundView: {
    justifyContent: "center",
    alignItems: "center",
    marginRight: 12,
    backgroundColor: "#FBFBFB",
    borderRadius: 48,
    padding: 12,
    zIndex: 1,
  },

  iconBackgroundView: {
    justifyContent: "center",
    alignItems: "center",
    marginRight: 12,
    backgroundColor: "#FBFBFB",
    borderRadius: 48,
    padding: 8,
    zIndex: 1,
  },
  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",
  },
  headerViewStyle: {
    flexDirection: "row",
    alignItems: "center",
    padding: 10,
    borderTopLeftRadius: 8,
    borderTopRightRadius: 8,
  },
  headerTextStyle: {
    color: "#252525",
    fontSize: 20,
    fontWeight: "600",
    lineHeight: 30,
  },
  headerDescriptionStyle: {
    color: "#B9B9B9",
    fontWeight: "400",
    marginTop: 4,
    fontSize: 12,
    lineHeight: 16,
  },
  container: {
    // paddingHorizontal:10
  },
  progressBarTextStyle: {
    color: "#098849",
    fontSize: 16,
    fontWeight: "600",
    lineHeight: 24,
  },
  progressBar: {
    width: "100%",
    height: 8,
    backgroundColor: "#ECECEC",
    borderRadius: 5,
    overflow: "hidden",
    marginVertical: 14,
  },
  progressBarInnerStyle: {
    backgroundColor: "#098849",
    height: "100%",
    borderRadius: 5,
  },

  checkbox: {
    width: 20,
    height: 20,
    borderWidth: 1,
    borderColor: "#8E8E8E",
    justifyContent: "center",
    alignItems: "center",
    marginRight: 10,
  },
  checkSymbol: {
    fontSize: 16,
    color: "#000",
  },
  continueButtonStyle: {
    flexDirection: "row",
    alignItems: "center",
    borderRadius: 10,
    width: "100%",
    backgroundColor: "#9035FF",
    paddingVertical: 10,
    paddingHorizontal: 20,
    marginBottom: 20,
    justifyContent: "center",
  },
  buttonTextStyle: {
    color: "white",
    fontSize: 14,
    fontWeight: "600",
  },
  questListView: {},
  loadingMainView: { flex: 1, justifyContent: "center", alignItems: "center" },
  modleDescriptionTextStyle: {
    color: "#B9B9B9",
    fontSize: 12,
    fontWeight: "400",
    lineHeight: 16,
  },
  modleTitleTextStyle: {
    fontSize: 14,
    fontWeight: "500",
    lineHeight: 20,
    color: "#2C2C2C",
  },
  modleViewStyle: {
    flex: 1,
  },
});