react-mana-font
Version:
React TypeScript wrapper for the mana-font package
26 lines (25 loc) • 1.08 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ManaSymbol = void 0;
var react_1 = __importDefault(require("react"));
require("mana-font");
var ManaSymbol = function (_a) {
var symbol = _a.symbol, size = _a.size, _b = _a.shadow, shadow = _b === void 0 ? false : _b, _c = _a.fixed, fixed = _c === void 0 ? false : _c, _d = _a.cost, cost = _d === void 0 ? false : _d, _e = _a.half, half = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? '' : _f, style = _a.style;
var classes = [
'ms',
"ms-".concat(symbol.toLowerCase()),
size && "ms-".concat(size),
shadow && 'ms-shadow',
fixed && 'ms-fw',
cost && 'ms-cost',
half && 'ms-half',
className,
]
.filter(Boolean)
.join(' ');
return react_1.default.createElement("i", { className: classes, style: style });
};
exports.ManaSymbol = ManaSymbol;