import React from 'react';
import { Dimensions } from 'react-native'
import { ScaledSheet } from 'rn-scaled-sheet';

ScaledSheet.initialize({
  deviceWidth: Dimensions.get('window').width,
  // baseWidth?: number; // width in design
  // maxScale?: number;
  // minScale?: number;
});

/**
 * Eg: base screen size is 375 x 667
   Assume app running on 411 x 896 phone,
   => Wrap the value you don't want to scaled in ""
 */
const styles = ScaledSheet.create({
  container: {
    flex: 1, // still 1
  },
  button: {
    width: 50, // will become ~55
    height: "50", // still 50
    opacity: 0.5, // still 0.5
  }
})