import React from 'react';
import Carousel from 'trc-client-core/src/components/Carousel';
import {STATIC_ASSETS} from 'trc-client-core/src/constants/url';

var BodyAndPaintSecondaryCarousel = React.createClass({
    displayName: 'BodyAndPaintSecondaryCarousel',
    render() {
        return (
            <Carousel arrows={false} modifier="dotsRight" className="margin-bottom2">
                {[
                    'Brian Hilton Toyota - Wyong - NSW',
                    'Jacob Toyota - Wodonga - Vic',
                    'John O\'Brien toyota - Gatton - QLD',
                    'LeMans Toyota - Deer Park - Vic',
                    'Martin Jonkers Toyota - Cabolture - QLD',
                    'Owen Toyota - Griffith - NSW',
                    'Pennant Hills Toyota - Pennant Hills - NSW',
                    'Peter Kittle Toyota - Para Hills - SA',
                    'Preston Toyota - Preston - Vic',
                    'Torque Toyota - Brendale - QLD'
                ].map(this.renderItem)}      
            </Carousel>
        );
    },
    renderItem(value, key) {
        return <li key={key}>
            <div>
                <img src={`${STATIC_ASSETS}img/content/carousel/carousel-bodyandpaint_000${key}_${value}.jpg`} width="625" height="300"/>
                <div className="Bar">{value}</div>
            </div>
        </li>; 
    }
});

module.exports = BodyAndPaintSecondaryCarousel;