{"size": 1367, "ext": "js", "max_stars_repo_path": "src/components/main-reveiw/main-review.component.js", "max_stars_repo_name": "Nodenkey/koffee", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/main-reveiw/main-review.component.js", "max_issues_repo_name": "Nodenkey/koffee", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/main-reveiw/main-review.component.js", "max_forks_repo_name": "Nodenkey/koffee", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 33.3414634146, "max_line_length": 107, "alphanum_fraction": 0.4762253109}
import React from 'react';
import {MainReviewWrapper, ReviewContent} from "./main-review.style";
import {coffee, Container, HeaderFive, Paragraph} from "../../utils/elements";
import OwlCarousel from "react-owl-carousel";
import {reviewList} from "../../utils/review-list";

const MainReview = () => {

    const options = {
        loop: true,
        margin: 100,
        items: 1,
        autoplay: true,
        mouseDrag: false,
        touchDrag: false,
        autoplayTimeout: 15000,
        dots: false,
    };
    return (
        <MainReviewWrapper>
            {
                typeof window !== `undefined` ?
                    <OwlCarousel {...options} className="owl-theme" id="owl-one">
                        {
                            reviewList.map((review) =>
                                <Container key={review.key} style={{marginTop: '100px'}}>
                                    <HeaderFive>{review.name}</HeaderFive>
                                    <Paragraph style={{color: `${coffee}`}}>{review.occupation}</Paragraph>
                                    <ReviewContent>{review.review}</ReviewContent>
                                </Container>
                            )
                        }
                    </OwlCarousel> : null
            }
        </MainReviewWrapper>

    );
};

export default MainReview;
