apeman-react-button/lib/ap_next_button.jsx

apeman react package for button component.

/**
 * Next button component.
 * @constructor ApNextButton
 */

"use strict";

import React, {PropTypes as types} from 'react';
import classnames from 'classnames';
import ApButton from './ap_button';
import {ApIcon} from 'apeman-react-icon'

import {ApPureMixin} from 'apeman-react-mixins';

/** @lends ApNextButton */
let ApNextButton = React.createClass({

    //--------------------
    // Specs
    //--------------------

    propTypes: {
        disabled: types.bool,
        onTap: types.func,
        text: types.string,
        size: types.number,
        icon: types.string
    },

    mixins: [
        ApPureMixin
    ],

    getInitialState() {
        return {};
    },

    getDefaultProps() {
        return {
            disabled: false,
            onTap: null,
            text: null,
            icon:'fa fa-caret-right'
        }
    },

    render() {
        let s = this;
        let {props} = s,
            {size} = props;
        return (
            <ApButton className={classnames('ap-next-button', props.className)}
                      wide={false}
                      style={Object.assign({
                      }, props.style)}
                {...props}>
                <span className="ap-next-button-text">
                    {props.text}
                </span>
                {props.children}
                <ApIcon className={classnames('ap-next-button-icon', props.icon)}/>
            </ApButton>
        );
    }

});

module.exports = ApNextButton;