import React from 'react';
import Carousel from 'trc-client-core/src/components/Carousel';
import Auth from 'trc-client-core/src/components/Auth';

import {
    PRODUCT_PRIUS,
    PRODUCT_FORTUNER,
    PRODUCT_HILUX,
    PRODUCT_LC200,
    PRODUCT_TOYOTA_LINK,
    PRODUCT_LEXUS_IS,
    PRODUCT_LEXUS_RX
} from 'trc-client-core/src/media/CarouselContent';

var ProductHomeCarousel = React.createClass({
    displayName: 'ProductHomeCarousel',
    render() {
        return (
            <div>
                <Auth site="TOYOTA">
                    <Carousel modifier="hero">
                        {PRODUCT_PRIUS}
                        {PRODUCT_LC200}
                        {PRODUCT_FORTUNER}
                        {PRODUCT_HILUX}
                        {PRODUCT_TOYOTA_LINK}
                    </Carousel>
                </Auth>
                <Auth site="LEXUS">
                    <Carousel modifier="hero">
                        {PRODUCT_LEXUS_IS}
                        {PRODUCT_LEXUS_RX}
                    </Carousel>
                </Auth>
            </div>
        );
    }
});

module.exports = ProductHomeCarousel;