import React from 'react'
import { useSelector } from 'react-redux'

function App() {
    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>
        </>
    )
}

export default App