You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
812 B
26 lines
812 B
require('../../sass/options/options.scss');
|
|
|
|
import { Component } from 'react';
|
|
import Option from './option.component';
|
|
|
|
export default class Options extends Component {
|
|
render() {
|
|
const values = ['Multiples', 'Factors', 'Equality', 'Inequality'];
|
|
const optionsElements = [];
|
|
|
|
values.map((v, i) => {
|
|
optionsElements.push(<Option value={v} index={i} key={i} />);
|
|
});
|
|
|
|
return (
|
|
<div className='options'>
|
|
<div className='line'>Which game would you like to play?</div>
|
|
<hr />
|
|
<div className='line'>Use the arrow keys to move.</div>
|
|
<div className='line'>Press spacebar to select.</div>
|
|
<hr />
|
|
{optionsElements}
|
|
</div>
|
|
);
|
|
};
|
|
};
|
|
|