@s20.ai/safecam-360-rn/src/components/responsiveStyleConfig.js

A React Native component to view the interior panorama and exterior 360 degree views of a product featuring suppport for hotspots. Compatible with Android and iOS

/*
 * Copyright © 2022 S20.AI India Pvt. Ltd.
 * Contact - origin@s20.ai
 * License - Licensed as per https://docs.s20.ai/license.html
 */
import {Platform, Dimensions, StyleSheet} from 'react-native';
import Responsive from '../utils/Responsive';
import constants from '../config/constants';
import styleConfig from './styleConfig';
const base = StyleSheet.create(styleConfig)

/**
 * Multiple screen sizes to be handled here
 * Don't write separate styles based on orientation, instead write all styles based on screen width
 * e.g if screen width becomes 800, it's likely that the device has been rotated to landscape
 */

// breakpoint - 375
const small = {}

//breakpoint - 480
const medium = StyleSheet.create({
  // card:{
  //   height: 232
  // }
})


//breakpoint - 768
const large = {}

//breakpoint - 992
const xLarge = StyleSheet.create({
  // card:{
  //   height: 232
  // }
  cardFocusModal: {
    closeIconJSX:{
      top: 24
    }
  }
})

//breakpoint - 1280
const xxLarge = {}

export const responsiveStyleConfig = new Responsive(
    constants.STYLE_BREAKPOINTS,
    [small, medium, large, xLarge, xxLarge],
    base
);