import React from 'react';

import Carousel from 'trc-client-core/src/components/Carousel';
import CarouselItem from 'trc-client-core/src/components/CarouselItem';
import Button from 'bd-stampy/components/Button';
import {STATIC_ASSETS} from 'trc-client-core/src/constants/url';
import UserStore from 'trc-client-core/src/user/UserStore';

import {
    TECHNICAL_NMIPRIUS,
    TECHNICAL_PRIUS,
    TECHNICAL_VIDEO_FLOORMAT,
    TOYOTA_HILUX_NMI,
    TECHNICAL_PRADO,
    TECHNICAL_HILUX,
    LEXUS_RX,
    TOYOTA_FORTUNER,
} from 'trc-client-core/src/media/CarouselContent';

class TechnicalCarousel extends React.Component {
    constructor(props) {
        super(props);
        this.displayName = 'TechnicalCarousel';
    }
    render() {
        return <Carousel modifier="hero">
            {TECHNICAL_VIDEO_FLOORMAT}
            {TECHNICAL_NMIPRIUS}
            {TECHNICAL_PRIUS}
            {TOYOTA_HILUX_NMI}
            {LEXUS_RX}
            {TOYOTA_FORTUNER}
            {TECHNICAL_PRADO}
            {TECHNICAL_HILUX}
            <CarouselItem center title="" image="banner/banner-technical@lexus_1.jpg" auth={{site: 'LEXUS'}}></CarouselItem>
        </Carousel>;
    }
}

export default TechnicalCarousel;