import React, { useState } from 'react'
import { useSelector, useDispatch } from 'react-redux'

function App() {
    const dispatch = useDispatch()
    const rooms = useSelector(state => state.rooms)
    
    return (
        <>
            <div className="home-image"></div>
            <h1>Let's learn about homes!</h1>
            <ul>
                {rooms.map(room => (
                    <li key={room.id}>{room.type}</li>
                ))}
            </ul>
            <p>The temperature outside is: 28 deg C</p>
        </>
    )
}

export default App