other-accommodations.jsx

import React, {Component} from 'react';
import './OtherAccommodations.css';
import LeftAccomodation from '../LeftAccomodation/LeftAccommodation';
import RightAccommodation from '../RightAccommodation/RightAccommodation';

class OtherAccommodations extends Component {
    state = {
        OtherAccommodations:[
            {
                title: 'Apenas casal?',
                description: 'Bungalow casal',
                image: require('./accommodation.png'),
            },
            {
                title: 'Vai passar uma temporada?',
                description:'casa na fazenda',
                image: require('./accommodation.png'),
            },
        ]
        }

    render() {
        return (
            <section className="other-accommodations-section">
                <LeftAccomodation background={this.state.OtherAccommodations[0].image} title={this.state.OtherAccommodations[0].title} description={this.state.OtherAccommodations[0].description}/>
                <RightAccommodation background={this.state.OtherAccommodations[0].image} title={this.state.OtherAccommodations[1].title} description={this.state.OtherAccommodations[1].description}/>
            </section>
         );
    }
}

export default OtherAccommodations;