mirror of
https://github.com/pawelmalak/flame.git
synced 2026-03-09 14:03:11 +08:00
27 lines
536 B
TypeScript
27 lines
536 B
TypeScript
import classes from './Icon.module.css';
|
|
|
|
import { Icon as MDIcon } from '@mdi/react';
|
|
|
|
interface Props {
|
|
icon: string;
|
|
color?: string;
|
|
}
|
|
|
|
export const Icon = (props: Props): JSX.Element => {
|
|
const MDIcons = require('@mdi/js');
|
|
let iconPath = MDIcons[props.icon];
|
|
|
|
if (!iconPath) {
|
|
console.log(`Icon ${props.icon} not found`);
|
|
iconPath = MDIcons.mdiCancel;
|
|
}
|
|
|
|
return (
|
|
<MDIcon
|
|
className={classes.Icon}
|
|
path={iconPath}
|
|
color={props.color ? props.color : 'var(--color-primary)'}
|
|
/>
|
|
);
|
|
};
|