ribbon-react-menu
Version:
Menu Ribbon para React
32 lines (31 loc) • 1.3 kB
JavaScript
;
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 SmallIconButton = (0, system_1.styled)(material_1.Button)(function (_a) {
var theme = _a.theme;
return ({
padding: theme.spacing(0.5),
minWidth: 'auto',
minHeight: 'auto',
textTransform: 'none',
'& .MuiSvgIcon-root': {
fontSize: '1rem',
},
'& .MuiButton-label': {
fontSize: '0.8rem',
},
});
});
var RibbonIconButton = function (_a) {
var icon = _a.icon, caption = _a.caption, onClick = _a.onClick, _b = _a.textPosition, textPosition = _b === void 0 ? 'right' : _b;
return (react_1.default.createElement(SmallIconButton, { onClick: onClick },
textPosition === 'left' && react_1.default.createElement("span", { style: { marginRight: '0.5rem' } }, caption),
icon,
textPosition === 'right' && react_1.default.createElement("span", { style: { marginLeft: '0.5rem' } }, caption)));
};
exports.default = RibbonIconButton;