<commit_before>import React from "react"

class Modal extends React.Component {

	static defaultProps = {
		modalOn : false
	}

	static propTypes = {
		modalOn : React.PropTypes.bool.isRequired
	}
	
	render() {
		
		return(
			<div>{this.props.children}</div>
		);
	}
}

export default Modal;<commit_msg>style tweek<commit_after>import React from "react"

class Modal extends React.Component {

	static defaultProps = {
		modalOn : false
	}

	static propTypes = {
		modalOn : React.PropTypes.bool.isRequired
	}
	
	constructor(props) {
		super(props);
		this.state = {
			modalOpen : this.props.modalOn,
			theme : 'white'
		};
	}

	componentWillReceiveProps(nextProps) {
		this.setState({
			modalOpen : nextProps.modalOn
		});
	}

	render() {
		
		let styles = {
			wrap : {
				common : {
					position : "fixed",
					width : "100%",
					height : "100%",
					top : 0,
					left : 0,
					padding : 10
				},
				white : {
					backgroundColor : "#FAFAFA"
				}
			},
			btn : {
				common : {
					position : "fixed",
					borderRadius : 5,
					border : "1px solid #08c",
					fontSize : 20,
					color : "#08c",
					textAlign : "right",
					top : 10,
					right : 10
				}
			}
		};

		return(
			<div>
				{this.state.modalOpen &&
				<div style={{...styles.wrap.common, ...styles.wrap.white}}>
					<div style={styles.btn.common}>Close</div>
					<div>{this.props.children}</div>
				</div>}
			</div>
		);
	}
}

export default Modal;
{'fraction_non_alphanumeric': 0.14809688581314878, 'fraction_numerical': 0.01522491349480969, 'mean_word_length': 2.378504672897196, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, 'https://': 0, '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': '149992', 'n_tokens_mistral': 670, 'n_tokens_neox': 505, 'n_words': 103}