import { createElement, Component } from '@wordpress/element'
import { Consumer } from './context.js'
import { sprintf, __ } from 'ct-i18n'

export default class Heading extends Component {
	render() {
		return (
			<Consumer>
				{({ theme_name, theme_version }) => (
					<div>
					<h2>
						{sprintf(__('%s Theme'), theme_name)}
						<span className="ct-version">{theme_version}</span>
					</h2>
					<p>The most innovative, fast and super charged WordPress theme</p>
					</div>
				)}
			</Consumer>
		)
	}
}