import { StyleSheet, Dimensions } from "react-native";
const windowWidth = Dimensions.get('window').width
export const styles = StyleSheet.create({
  MainContainer: {
    width: "100%",
    borderRadius: 12
  },
  headingText:{ fontSize: 24, fontWeight: "600", lineHeight: 32, color: '#FFF', textAlign: "center" },
  detailText:{ fontSize: 12, fontWeight: "400", lineHeight: 16, color: "#FFF", textAlign: "center" },
 middalView:{
    backgroundColor: "white",
    paddingHorizontal: 20,
    gap: 20,
    borderRadius: 12,
    paddingBottom:20
  },
  mainViewStyle: {
   
    backgroundColor: "#0065FF",
    paddingHorizontal: 20,
    paddingBottom:40,
    borderTopStartRadius: 12,
    borderTopEndRadius: 12
  },
 
  headerTextStyle: {
    color:'#2C2C2C',
    textAlign: "center",
    fontSize: 20,
    fontWeight: "600",
    lineHeight: 30
  },
  descriptionTextStyle: {
    fontWeight: "400",
    fontSize: 12,
    textAlign: "center",
    color: "#939393",
    marginTop: 8,
    lineHeight:16,
  },
  labelTextView: {
    fontWeight: "500",
    fontSize: 12,
    color: "#4C4C4C",
    lineHeight: 16,

  },
  codeViewStyle: {
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "center",
    marginTop: 4,
    borderRadius: 10,
    borderWidth: 1,
    paddingVertical: 10,
    paddingHorizontal: 12,
    borderColor: "#ECECEC",
    gap: 8,
    height:43
  },
  codeTextStyle: {
    fontSize: 14,
    color: "#939393",
    flex: 1,
  fontWeight:"400",
    lineHeight: 20
  },
  inviteButtonViewStyle: {
    backgroundColor: "#0065FF",
    borderRadius: 10,
    justifyContent: "center",
    alignItems: "center",
    paddingVertical: 10,
    paddingHorizontal: 16,
  },
  buttonTextStyle: {
    color: "#FFF",
    fontSize: 14,
    fontWeight: "600",
    height: 20,
    lineHeight: 20,
  },
  FooterView: {
    backgroundColor: '#FBFBFB',
    paddingHorizontal: 20,
    paddingVertical: 10,
    borderBottomEndRadius: 10,
    borderBottomLeftRadius: 10
  },
  FooterText: {
    textAlign: 'center',
    fontWeight: "400",
    fontSize: 10,
    color: "#939393",
    lineHeight: 12,
  }
});
