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>
        );
    };
};