@questlabs/react-native-sdk/src/components/Modal/Modal.styles.ts

Quest react native sdk

import { StyleSheet, Dimensions } from "react-native";

export const styles = StyleSheet.create({
  mainContainer: { backgroundColor: "white", borderRadius: 12, width: "100%" },
  imageView: {
    justifyContent: "center",
    alignItems: "center",
    borderTopLeftRadius: 12,
    borderTopRightRadius: 12,
  },
  iconBackgroundView: {
    width: 80,
    height: 80,
    borderRadius: 40,
    backgroundColor: "#F4EBFF",
    padding: 16,
  },
  headerView: {
    paddingHorizontal: 20,
    gap: 8,
  },
  headerText: {
    textAlign: "center",
    fontWeight: "600",
    color: "#252525",
    fontSize: 20,
    lineHeight: 30,
  },
  descriptionText: {
    textAlign: "center",
    color: "#939393",
    fontSize: 12,
    fontWeight: "400",
    lineHeight: 16,
  },
  callView: {
    flexDirection: "row",
    justifyContent: "center",
    alignItems: "center",
    paddingVertical: 20,
    paddingHorizontal: 20,
  },
  numberText: {
    color: "#9035FF",
    fontSize: 12,
    fontWeight: "500",
    lineHeight: 16,
  },
  buttonView: {
    flexDirection: "row",
    paddingHorizontal: 20,
    justifyContent: "space-between",
    alignItems: "center",
    gap: 12,
    paddingBottom: 40,
  },
  cancelButtonView: {
    flex: 1,
    backgroundColor: "#EFEFEF",
    borderRadius: 10,
    paddingVertical: 10,
    paddingHorizontal: 20,
    justifyContent: "center",
    alignItems: "center",
  },
  availButtonView: {
    flex: 1,
    backgroundColor: "#9035FF",
    borderRadius: 10,
    paddingVertical: 10,
    paddingHorizontal: 20,
    justifyContent: "center",
    alignItems: "center",
  },
  cancelText: { fontSize: 14, fontWeight: "400", lineHeight: 20 },
  availText: {
    fontSize: 14,
    fontWeight: "600",
    lineHeight: 20,
    color: "#FFF",
  },
  footerView: {
    flexDirection: "row",
    paddingHorizontal: 20,
    paddingVertical: 12,
    borderBottomLeftRadius: 12,
    borderBottomRightRadius: 12,
    backgroundColor: "#FBFBFB",
    justifyContent: "space-between",
    alignItems: "center",
  },
  footerText: {
    fontSize: 10,
    fontWeight: "400",
    lineHeight: 12,
    color: "#939393",
  },
  videoPlayIconStyle: {
    position: "absolute",
    top: "30%",
    left: "40%",
  },
  callTextStyle: { fontSize: 12, fontWeight: "500", lineHeight: 16 },
});