text: import { StyleSheet, Dimensions } from 'react-native';
  // import  StyleSheet  from 'react-native-debug-stylesheet'
  
  export const FULLWIDTH = Dimensions.get('window').width;
  export const FULLHEIGHT = Dimensions.get('window').height;
  
    export const NAVBARHEIGHT = 64;
    export const TABMENUBARHEIGHT = 50;
  
  export const COLORS =  {
    THEME: '#FF6822',
    SECONDARY: '#00B2A0',
    BLACK: '#000000',
    WHITE: '#FFFFFF',
    STAR: '#FFE12C',
    GREY: '#BFBCBA'
  }
  
  export default StyleSheet.create({
    appFontFamily: {
      fontFamily: 'Roboto'
    },
    container: {
      flex: 1,
      flexDirection: 'column',
      // justifyContent: "center",
      // alignItems: "center",
      marginTop : NAVBARHEIGHT,
      marginBottom : TABMENUBARHEIGHT,
    },
    tabMenuBarStyles: {
      backgroundColor: '#ffffff',
      shadowOpacity: 0.2,
      shadowOffset: { height: -1 }
    },
    tabIconSelected: {
      borderBottomWidth:2,
      borderBottomColor: COLORS.THEME
    },
    buildingsListStyle: {
      flexDirection: 'row',
      flexWrap: 'wrap',
      justifyContent:'space-between',
      alignItems: 'center',
      marginBottom: 200
    },
  
    buildingComponentTouchable: {
  
    },
    buildingThumbnail: {
      width:FULLWIDTH*.37,
      height:FULLHEIGHT*.20,
      marginTop: 2,
      marginBottom: 2,
  
    },
    buildingBanner: {
      height: FULLHEIGHT*.30
    },
  
    formTitle: {
      marginTop: 10,
      color: '#000000',
      fontSize: 16,
      fontWeight: 'bold'
    },
    formLabel: {
      marginTop: 10,
      color: 'grey'
    },
    selectedImageDimensions: {
      width: 100,
      height:100,
      borderWidth: 1,
      margin: 5,
    },
    selectedImagesBarPreview: {
      marginTop: 10,
      flexWrap: 'wrap',
      flex:1,
      flexDirection: 'row',
      justifyContent: 'space-around',
    },
    buildingDetailsFloatingButtonStyle: {
      alignItems: 'center',
      justifyContent: 'center',
      height: 30,
      flex: 1,
      // width: FULLWIDTH*.48,
      opacity: 0.8
    },
    commentContainer: {
      position: 'relative',
      flex: 1,
      flexDirection: 'column',
      justifyContent: 'space-around',
      padding: 5,
      borderBottomWidth: 2,
      borderBottomColor: COLORS.BLACK
    },
  
  
  
  
  
    // misc
    headingsMargin: {
      margin: 5
    },
    boldFont: {
      fontWeight: 'bold'
    }
  })
  