@csegames/camelot-unchained/lib/components/FlatButton.js

Camelot Unchained Client Library

"use strict";
/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

var __assign = undefined && undefined.__assign || Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) {
            if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
        }
    }
    return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var aphrodite_1 = require("aphrodite");
exports.defaultFlatButtonStyle = {
    button: {
        padding: '5px 15px',
        cursor: 'pointer',
        userSelect: 'none',
        webkitUserSelect: 'none',
        transition: 'all 0.3s cubic-bezier(.25,.8,.25,1)',
        ':hover': {
            backgroundColor: 'rgba(0, 0, 0, 0.2)'
        },
        ':active': {
            backgroundColor: 'rgba(255, 255, 255, 0.2)'
        }
    }
};
exports.FlatButton = function (props) {
    var ss = aphrodite_1.StyleSheet.create(exports.defaultFlatButtonStyle);
    var custom = aphrodite_1.StyleSheet.create(props.styles || {});
    return React.createElement("div", __assign({ className: aphrodite_1.css(ss.button, custom.button) }, props), props.children);
};
exports.default = exports.FlatButton;