@grandlinex/react-components/dist/components/button/Button.js

## Info

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Button = void 0;
const react_1 = __importDefault(require("react"));
const util_1 = require("../../util");
const Grid_1 = require("../Grid/Grid");
const Button = (props) => {
    const { onClick, text, cancel, disabled, children, half, color, className, style, gap = 4, } = props;
    return (react_1.default.createElement("button", { style: style, className: (0, util_1.cnx)('button--grid', 'bubble', className, [!!cancel, 'cancel'], [!!half, 'button--grid-half'], [!!color, `button--${color}`, 'button--default']), type: "button", onClick: onClick, disabled: disabled },
        react_1.default.createElement(Grid_1.Grid, { flex: true, flexR: true, gap: gap, vCenter: true, hCenter: true },
            children,
            text)));
};
exports.Button = Button;