// import harry_potterPoster from '../images/harry_potterPoster.jpg'
// import lion_kingPoster from '../images/Lion_KingPoster.jpg'
// import mission_impossiblePoster from '../images/Mission_ImpossiblePoster.jpg'


var movies = [{
    id: 1,
    title: 'harry potter',
    desc: 'film o czarodzieju',
    photo: '../images/harry_potterPoster.jpg',
}, {
    id: 2,
    title: 'Król Lew',
    desc: 'Film o krolu sawanny',
    photo: '../images/Lion_KingPoster.jpg',
}, {
    id: 3,
    title: 'Mission: Impossible',
    desc: 'Film o agencie specjalnym',
    photo: '../images/Mission_ImpossiblePoster.jpg',
}]


var moviesElements = movies.map(function (movie) {
    return React.createElement('li', {
            key: movie.id
        },
        React.createElement('h2', {className: 'nazwa-klasy'}, movie.title),
        React.createElement('p', {}, movie.desc),
        React.createElement('img', {src: movie.photo})
    );
});
var element =
    React.createElement('div', {},
        React.createElement('h1', {}, 'Lista filmów'),
        React.createElement('ul', {}, moviesElements),
    );


ReactDOM.render(element, document.getElementById('app'));