"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = BoldIcon;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const icon_v3_1 = require("../assets/icon-v3");
const constant_1 = require("../constant");
const types_1 = require("../../types");
function BoldIcon({ classname, code, index }) {
    // @ts-ignore
    const Icon = icon_v3_1.IconV3[code] || icon_v3_1.IconV3.DASHBOARD;
    const color = constant_1.OTHER_MENU_BG[index % constant_1.OTHER_MENU_BG.length];
    return (react_1.default.createElement("div", { className: (0, types_1.classNames)('relative overflow-hidden rounded-lg p-1.5', classname) },
        react_1.default.createElement("div", { className: 'absolute inset-0', style: {
                backgroundColor: color,
                opacity: 0.154,
            } }),
        react_1.default.createElement(Icon, { activeColor: color, isActive: true })));
}
//# sourceMappingURL=bold-icon.js.map