<commit_before>import './carousel.scss';
import "slick-carousel/slick/slick.css";
import 'slick-carousel/slick/slick-theme.css';

import React, { Component } from 'react';
import { string, any, array, object } from 'prop-types';
import { ImageView, IconSmall } from 'views/components';
import Slider from 'react-slick';

function SampleNextArrow(props) {
    const { className, style, onClick } = props;
    return (
        <div
            className={className}
            style={{ ...style,}}
            onClick={onClick}
        />
    );
}

function SamplePrevArrow(props) {
    const { className, style, onClick } = props;
    return (
        <div
            className={className}
            style={{ ...style, display: "block", background: "green" }}
            onClick={onClick}
        />
        //<IconSmall style={{ ...style}} onClick={onClick} className={className} size={12} name='chevron-left' />
    );
}
class Carousel extends Component {

    static defaultProps = {
        className: '',
        items: [],
    }

    static propTypes = {
        className: string,
        style: object,
        children: any,
        imageHeight: string,
        items: array,
    }

    renderItems = (items) => {

        const {style, imageHeight} = this.props;

        let content = [];

        if (items && items.length > 0) {
            items.map( item  => {
                content.push(
                    <div style={{ height: "100%" }}>
                        <ImageView caption={item.text} src={item.img} style={{ height: '100%' }}/>
                        {/* { item.text ?
                            <span className='legend'>{item.text}</span>
                            : null } */}
                    </div>
                    );
                });
            }
            return(content);
        }

        // handleClick = (event) => {
        //   console.log(event);
        // }

        render() {

            const { className, style, items } = this.props;
            const componentStyle = { ...style, };

            var settings = {
                dots: true,
                infinite: true,
                speed: 500,
                slidesToShow: 1,
                slidesToScroll: 1,<commit_msg>updated image css<commit_after>import './carousel.scss';
import "slick-carousel/slick/slick.css";
import 'slick-carousel/slick/slick-theme.css';

import React, { Component } from 'react';
import { string, any, array, object } from 'prop-types';
import { ImageView, IconSmall } from 'views/components';
import Slider from 'react-slick';

function SampleNextArrow(props) {
    const { className, style, onClick } = props;
    return (
        <div
            className={className}
            style={{ ...style,}}
            onClick={onClick}
        />
    );
}

function SamplePrevArrow(props) {
    const { className, style, onClick } = props;
    return (
        <div
            className={className}
            style={{ ...style, display: "block", background: "green" }}
            onClick={onClick}
        />
        //<IconSmall style={{ ...style}} onClick={onClick} className={className} size={12} name='chevron-left' />
    );
}
class Carousel extends Component {

    static defaultProps = {
        className: '',
        items: [],
    }

    static propTypes = {
        className: string,
        style: object,
        children: any,
        imageHeight: string,
        items: array,
    }

    renderItems = (items) => {

        const {style, imageHeight} = this.props;

        let content = [];

        if (items && items.length > 0) {
            items.map( item  => {
                content.push(
                    <div style={{ height: "100%" }}>
                        <div className="image-slider-container" style={{ height: "100%"}}>
                            <div
                                style={{
                                    "backgroundImage": `url(${item.img})`,
                                    "backgroundPosition": "center",
                                    "backgroundSize": "contain",
                                    "backgroundRepeat": "no-repeat",
                                    "backgroundColor": "lightgray",
                                    "height": "100%",
                                    "width": "100%",
                                }}
                            />
                        </div>
                    </div>
                    );
                });
            }
            return(content);
        }

        // handleClick = (event) => {
        //   console.log(event);
        // }

        render() {

            const { className, style, items } = this.props;
            const componentStyle = { ...style, };

            var settings = {
                dots: true,
                infinite: true,
                speed: 500,
                slidesToShow: 1,
                slidesToScroll: 1,
{'fraction_non_alphanumeric': 0.13319919517102616, 'fraction_numerical': 0.006841046277665996, 'mean_word_length': 1.3316135084427767, 'pattern_counts': {'":': 7, '<': 19, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 7, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '672157', 'n_tokens_mistral': 1332, 'n_tokens_neox': 1267, 'n_words': 291}