import React from 'react'
import { Entypo } from '@expo/vector-icons'
import { Button, ScrollView, StyleSheet, TouchableOpacity, View } from 'react-native';
import BedIcon from '@mui/icons-material/Bed';
import NetworkWifi3BarOutlinedIcon from '@mui/icons-material/NetworkWifi3BarOutlined';
import MicrowaveIcon from '@mui/icons-material/Microwave';
export default function InsideRoom (props) {
  const {route,navigation}=props

  const room=route.params.room
  console.log(room)


  return (

      room
      .inside &&(
        room.inside.bed ? (<BedIcon fontSize="large"/>) : null,
        room.inside.wifi ? (<NetworkWifi3BarOutlinedIcon fontSize="large"/>) : null,
        room.inside.four ? (<MicrowaveIcon fontSize="large"/>) : null
      )





)
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "azure",
    alignItems: "center",
    justifyContent: "center",
  },
  carousel: {



  },
});