ribbon-react-menu/dist/RibbonButton.js

Menu Ribbon para React

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var material_1 = require("@mui/material");
var system_1 = require("@mui/system");
var LargeIconButton = (0, system_1.styled)(material_1.Button)(function (_a) {
    var theme = _a.theme;
    return ({
        padding: theme.spacing(1),
        minWidth: 'auto',
        minHeight: 'auto',
        textTransform: 'none',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
    });
});
// @ts-ignore
var RibbonButton = function (_a) {
    var buttonKey = _a.buttonKey, icon = _a.icon, caption = _a.caption, onClick = _a.onClick;
    return (react_1.default.createElement(LargeIconButton, { onClick: onClick },
        icon,
        react_1.default.createElement("span", { style: { fontSize: '0.8rem', marginTop: '0.5rem' } }, caption)));
};
exports.default = RibbonButton;