import React from 'react';
import Fa from './fa';

import './big-button.less';

/**
 * Define a page title
 */
export default class BigButton extends React.Component {
    render() {
        return React.createElement(
            'div',
            { className: 'big-button', onClick: this.props.onClick },
            React.createElement(
                'div',
                { className: 'big-button-ico' },
                React.createElement(Fa, { icon: this.props.icon, size: 4.3 })
            ),
            React.createElement(
                'div',
                { className: 'big-button-txt' },
                React.createElement(
                    'h3',
                    null,
                    this.props.title
                ),
                React.createElement(
                    'div',
                    null,
                    this.props.description
                )
            )
        );
    }
}

BigButton.propTypes = {
    title: React.PropTypes.string,
    description: React.PropTypes.string,
    icon: React.PropTypes.string,
    onClick: React.PropTypes.func
};