TimelineSliderV2 ClusterBadge.tsx

50% Statements 1/2

100% Branches 0/0

0% Functions 0/1

50% Lines 1/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
20
21
22
23
24  
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
  import React, { type JSX } from 'react';
 
import Icon from '../Icon/Icon';
import './styles.scss';
 
type ClusterBadgeProps = {
  count: number;
  leftPx: number;
  onClose: () => void;
};
 
const ClusterBadge = ({ count, leftPx, onClose }: ClusterBadgeProps): JSX.Element => {
  return (
    <div className='timeline-v2-cluster-badge' style={{ left: `${leftPx}px` }}>
      {count}
      <button aria-label='Close cluster' className='timeline-v2-cluster-badge__close' onClick={onClose} type='button'>
        <Icon name='close' size='small' />
      </button>
    </div>
  );
};
 
export default ClusterBadge;