mirror of
https://github.com/xibyte/jsketcher
synced 2025-12-06 08:25:19 +01:00
21 lines
450 B
TypeScript
21 lines
450 B
TypeScript
import React, {useMemo} from 'react';
|
|
|
|
export function SvgIcon({content, size, ...props}: {
|
|
content: string,
|
|
size?: number|string
|
|
} & React.HTMLAttributes<HTMLDivElement>) {
|
|
|
|
const className = size&&'icon-'+size;
|
|
|
|
const style = useMemo(() => {
|
|
return {
|
|
display: 'flex',
|
|
...props.style
|
|
};
|
|
}, [props.style]);
|
|
|
|
return <div className={className} {...props} style={style} dangerouslySetInnerHTML={{__html: content}}/>
|
|
|
|
|
|
}
|
|
|