17 lines
537 B
TypeScript
17 lines
537 B
TypeScript
|
import * as icons from "react-bootstrap-icons";
|
||
|
|
import { IconProps as BaseIconProps } from "react-bootstrap-icons";
|
||
|
|
import { pascalCase } from "change-case";
|
||
|
|
|
||
|
|
const startsWithNumberRegex = /^\d/;
|
||
|
|
|
||
|
|
export default function Icon({ iconName, ...props }: BaseIconProps & { iconName: string }) {
|
||
|
|
let icon = pascalCase(iconName);
|
||
|
|
if (startsWithNumberRegex.test(icon)) {
|
||
|
|
icon = `Icon${icon}`;
|
||
|
|
}
|
||
|
|
|
||
|
|
// eslint-disable-next-line import/namespace
|
||
|
|
const BootstrapIcon = icons[icon as keyof typeof icons];
|
||
|
|
return <BootstrapIcon {...props} />;
|
||
|
|
}
|