bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/common/icon/icon-ts/component.tsx
2024-06-11 13:10:04 -03:00

25 lines
484 B
TypeScript

import React, { memo } from 'react';
import cx from 'classnames';
import Styled from './styles';
interface IconProps {
iconName: string;
prependIconName?: string;
rotate?: boolean;
className?: string;
}
const Icon: React.FC<IconProps> = ({
className = '',
prependIconName = 'icon-bbb-',
iconName = '',
rotate = false,
}) => (
<Styled.Icon
className={cx(className, [prependIconName, iconName].join(''))}
$rotate={rotate}
/>
);
export default memo(Icon);