@questlabs/react-native-sdk

import { StyleSheet } from "react-native"; export const styles = StyleSheet.create({ MainContainer: { flex:1, width: "100%", backgroundColor: "#FFF", borderRadius:12 }, mainViewStyle: { flex:1, borderTopLeftRadius: 12, borderTopRightRadius: 12, }, headerViewStyle: { paddingHorizontal: 20, paddingTop: 40, paddingBottom: 20 }, middelView: { backgroundColor: "white", margin: 20, borderRadius: 12, shadowColor: "#575757", // Shadow color shadowOffset: { width: 0, height: 4 }, // Offset matches the 0px 4px in CSS shadowOpacity: 0.08, // Opacity matches the rgba(87, 87, 87, 0.08) shadowRadius: 10, // Adjusted to approximate the blur radius (20px in CSS) // Android Shadow elevation: 3, }, loadingMainView: { flex: 1, justifyContent: "center", alignItems: "center" }, inputLabelTextStyle: { color: "#252525", fontSize: 12, fontWeight: "400", lineHeight: 16, }, inputTextStyle: { alignItems: "center", fontSize: 14, fontWeight: "400", height: 20, lineHeight: 20, flex: 1, }, inputViewStyle: { flexDirection: "row", alignItems: "center", borderColor: "#ECECEC", borderWidth: 1.5, paddingVertical: 10, paddingHorizontal: 12, borderRadius: 10, marginTop: 4, gap: 8, }, timeMainViewStyle: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", paddingHorizontal: 20, paddingTop: 20, }, imageViewStyle: { justifyContent: "center", alignItems: "center", paddingVertical: 40, paddingHorizontal: 20, }, submitViewStyle: { marginHorizontal: 20, marginBottom: 20, paddingHorizontal: 20, justifyContent: "center", borderRadius: 10, }, submitTextStyle: { color: "white", fontSize: 14, fontWeight: "600", textAlign: "center", lineHeight: 20, }, GohomeViewStyle: { marginHorizontal: 20, marginBottom: 20, paddingVertical: 10, paddingHorizontal: 20, backgroundColor: "#FFF", justifyContent: "center", borderRadius: 10, borderColor: "#EFEFEF", borderWidth: 1, }, GohomeTextStyle: { color: "#2C2C2C", fontSize: 14, fontWeight: "600", textAlign: "center", lineHeight: 20, }, timeViewStyle: { justifyContent: "center", alignItems: "center", paddingHorizontal: 12, paddingVertical: 20, borderRadius: 10, }, headerTextStyle: { color: "#FFF", fontSize: 24, fontWeight: "600", lineHeight: 32, textAlign: "center", }, descriptionTextStyle: { color: "#FFF", fontSize: 12, fontWeight: "400", lineHeight: 16, textAlign: "center", }, discountTextStyle: { fontWeight: "600", fontSize: 20, textAlign: "center", color: "#2C2C2C", lineHeight: 30, }, discountDescriptionTextStyle: { fontWeight: "400", fontSize: 12, textAlign: "center", color: "#939393", lineHeight: 16, marginTop: 4, }, timeNumberStyle: { color: "#4C4C4C", fontSize: 20, fontWeight: "600", lineHeight: 30, }, timeTextStyle: { color: "#939393", fontSize: 12, fontWeight: "500", lineHeight: 16, }, footerView: { paddingVertical: 12, paddingHorizontal: 20, justifyContent: "flex-end", 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", }, modalOutterViewStyle: { flex: 1, justifyContent: "center", alignItems: "center", backgroundColor: "rgba(0, 0, 0, 0.3)", }, successModalViewStyle: { width: "96%", backgroundColor: "#fff", borderRadius: 10, }, ImageViewStyle: { margin: 28, alignItems: "center", }, midContainerViewStyles: { padding: 20, }, successHeaderTextStyle: { color: "black", fontSize: 24, fontWeight: "600", textAlign: "center", }, successDescriptionTextStyle: { color: "#5E5E5E", fontSize: 14, fontWeight: "400", textAlign: "center", }, submitButtonViewStyle: { paddingVertical: 10, paddingHorizontal: 20, borderRadius: 10, // backgroundColor: "#9035FF", marginTop: 20, borderWidth: 1.5, borderColor: "#EFEFEF", }, submitButtonTextStyle: { // color: "#FFF", fontSize: 14, textAlign: "center", fontWeight: "400", lineHeight: 20, }, });