<commit_before>import PropTypes from 'prop-types';
import React from 'react';

import Slugify from 'slugify';

/**
 * Imageevent for use on page
 *
 * @disable-docs
 */

const Imageevent = ( page ) => {

	const theme = page._pages[ page._ID ].theme ? page._pages[ page._ID ].theme : 'dark';
	const image = page.image ? page.image : '';
	//const backgroundImage = ` url(/assets/img/${ image }) `;
	const backgroundImage = " url('https://via.placeholder.com/1000x550')";
	const reverse = page.reverse ? 'imageblock--reverse' : '';


	return (
		<div className={`imageblock imageblock--${ theme } ${ reverse } uikit-body uikit-grid`}>
			<div className="imageblock__image" style={{ backgroundImage }}>
				<div className="container">
					<div className="row">
						<div className={`imageblock__content imageblock__content--${ theme }`}>
							{ page.section && <span className="section__section intro__category" id={ Slugify( page.section ).toLowerCase() } >{ page.section }</span> }
							<div className="textwrapper">
								<h1 className="imageblock__headline">{ page.title ? page.title : page._pages[ page._ID ].title }</h1>
							</div>
							{ page._body }
						</div>
					</div>
				</div>
			</div>
		</div>
	);
}


Imageevent.propTypes = {};


Imageevent.defaultProps = {};


export default Imageevent;<commit_msg>renamed component<commit_after>import PropTypes from 'prop-types';
import React from 'react';

import Slugify from 'slugify';

/**
 * Imageblock for use on page
 *
 * @disable-docs
 */

const Imageblock = ( page ) => {

	const theme = page._pages[ page._ID ].theme ? page._pages[ page._ID ].theme : 'dark';
	const image = page.image ? page.image : '';
	//const backgroundImage = ` url(/assets/img/${ image }) `;
	const backgroundImage = " url('https://via.placeholder.com/1000x550')";
	const reverse = page.reverse ? 'imageblock--reverse' : '';


	return (
		<div className={`imageblock imageblock--${ theme } ${ reverse } uikit-body uikit-grid`}>
			<div className="imageblock__image" style={{ backgroundImage }}>
				<div className="container">
					<div className="row">
						<div className={`imageblock__content imageblock__content--${ theme }`}>
							{ page.section && <span className="section__section intro__category" id={ Slugify( page.section ).toLowerCase() } >{ page.section }</span> }
							<div className="textwrapper">
								<h1 className="imageblock__headline">{ page.title ? page.title : page._pages[ page._ID ].title }</h1>
							</div>
							{ page._body }
						</div>
					</div>
				</div>
			</div>
		</div>
	);
}


Imageblock.propTypes = {};


Imageblock.defaultProps = {};


export default Imageblock;
{'fraction_non_alphanumeric': 0.16979714500375656, 'fraction_numerical': 0.0067618332081141996, 'mean_word_length': 3.513559322033898, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 37, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '898515', 'n_tokens_mistral': 965, 'n_tokens_neox': 831, 'n_words': 194}