Tags Tags.tsx

50% Statements 2/4

0% Branches 0/7

0% Functions 0/2

50% Lines 2/4

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
20  
 
4x
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
  import React, { FC } from 'react';
 
const styles = require('./Tags.module.css');
 
export const Tags: FC<{
  label?: string;
  tags: { value: string, label: string }[];
  size?: 'normal' | 'small'
}> = ({
  label,
  tags,
  size = 'normal'
}) => {
  return tags.length
    ? <div className={`${styles.Tags} ${size === 'small' ? styles.small : ''}`}>
      {label && <div className={styles.TagsLabel}>{label}:</div>}
      {tags.map(tag => <div className={styles.Tag} key={tag.value}>{tag.label}</div>)}
    </div>
    : null;
};