import PropTypes from 'prop-types'
import './Card.css'

export default function RoomCard({room, imagePath}) {
    RoomCard.propTypes = {
        room: PropTypes.string.isRequired,
        imagePath: PropTypes.string.isRequired,
    }

    return (
        <div className='card-container'>
        <figure>
    <img src={imagePath} alt="Mountains" style={{
          width: '100%', 
          height: '100%', 
          objectFit: 'contain'
        }}></img>
                <figcaption>{room}</figcaption>
    </figure>

        </div>
    )
}