import React, { Component } from 'react';
import { wof, wofView } from '@heathmont/wheel-of-fortune';

export default class Wof extends Component {

	constructor() {
		super();
	}

	componentDidMount() {
		let demoSegments = BonusWheel.getSegments();
		let wheel = new wof.WheelOfFortune();

		wheel.init(demoSegments, new wofView.WofView());

	}

	render() {
		return(
			<section className="wof-page">
				<div className="wrapper">
					<div className="content-container">
						<div className="container inner-page wof">

							<div id="venues"><ul /></div>
							<div>a</div>
							<div id="wheel"></div>
							<div>b</div>
							<div id="stats">
								<div id="counter"></div>
							</div>

						</div>
					</div>
				</div>
			</section>
		)
	}
}