import React from 'react';
import { IconV3 } from '../assets/icon-v3';
import { OTHER_MENU_BG } from '../constant';
import { classNames } from '../../types';
export default function BoldIcon({ classname, code, index }) {
    // @ts-ignore
    const Icon = IconV3[code] || IconV3.DASHBOARD;
    const color = OTHER_MENU_BG[index % OTHER_MENU_BG.length];
    return (React.createElement("div", { className: classNames('relative overflow-hidden rounded-lg p-1.5', classname) },
        React.createElement("div", { className: 'absolute inset-0', style: {
                backgroundColor: color,
                opacity: 0.154,
            } }),
        React.createElement(Icon, { activeColor: color, isActive: true })));
}
//# sourceMappingURL=bold-icon.js.map