<commit_before>var Header = React.createClass({
	render: function () {
		return (
			<div className="logo">
				<h1>Hello, World!</h1>
				<p>This is the header.</p>
			</div>
		);
	}
});

React.render(
	<Header />,
	document.getElementById('header')
)<commit_msg>Separating header into individual components<commit_after>var Logo = React.createClass({
	render: function () {
		return (
			<div className="header__logo pure-u-1-4">
				<img src="../images/logo.png" alt="Maggie Walters Media Gallery Logo" className="header__logo" />
			</div>
		)
	}
})

var Navigation = React.createClass({
	render: function () {
		return (
			<nav className="header__nav pure-u-3-4">
				<ul>
					<li><a href="/">Home</a></li>
					<li><a href="/about">About</a></li>
					<li><a href="/donate">Donate</a></li>
				</ul>
			</nav>
		)
	}
})

var Header = React.createClass({
	render: function () {
		return (
			<header className="header pure-g">
				<Logo />
				<Navigation />
			</header>
		);
	}
});

React.render(
	<Header />,
	document.getElementById('header')
)
{'fraction_non_alphanumeric': 0.1971563981042654, 'fraction_numerical': 0.005687203791469194, 'mean_word_length': 3.2580645161290325, 'pattern_counts': {'":': 0, '<': 34, '<?xml version=': 0, '>': 34, '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': '6184629', 'n_tokens_mistral': 438, 'n_tokens_neox': 379, 'n_words': 73}