Icon Icon.tsx

100% Statements 2/2

66.66% Branches 2/3

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19  
 
 
 
 
 
 
 
 
 
 
 
 
 
6x
 
6x
 
  import React, { CSSProperties } from 'react';
import { Size } from '../Size';
import icons, { IconName } from './icons';
import './styles.scss';
 
export interface Props {
  className?: string;
  fillColor?: string;
  name: IconName;
  size?: Size;
  style?: CSSProperties;
}
 
export default function Icon({ size = 'small', name, className, fillColor, style }: Props): JSX.Element {
  const SVGComponent = icons[name];
 
  return <SVGComponent className={`tw-icon tw-icon--${size} ${className ?? ''}`} fill={fillColor} style={style} />;
}