zajno-react-ui-kit/src/components/Button.js

ui-kit styles wrapped to ReactJS Component in React Native name-space.

import React from 'react';
import Component from './Component';

const ButtonClassPrefix = "uk-button-";

class Button extends Component {
    getClassName(props){
        var newProps = "";
        newProps += (props.hasOwnProperty('primary') && props.primary !== false) ? ButtonClassPrefix + "primary" : "";
        newProps += (props.hasOwnProperty('default') && props.primary !== false) ? ButtonClassPrefix + "default" : "";
        newProps += (props.hasOwnProperty('secondary') && props.secondary !==false) ? ButtonClassPrefix + "secondary" : "";
        newProps += (props.hasOwnProperty('danger') && props.danger !== false) ? ButtonClassPrefix + "danger" : "";
        newProps += (props.hasOwnProperty('text') && props.text !== false) ? ButtonClassPrefix + "text" : "";
        newProps += (props.hasOwnProperty('link') && props.link !== false) ? ButtonClassPrefix + "link" : "";
        return newProps + super.getClassName(props);
    }
    render(){
        return(
            <button onClick={this.props.onClick} className={"uk-button " + this.getClassName(this.props)}>
                {this.props.children}
            </button>    
        )
    }
}

export default Button;