plan-visibility PlanNameWithVisibility.tsx

0% Statements 0/25

0% Branches 0/1

0% Functions 0/1

0% Lines 0/25

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
25
26  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { memo } from 'react';

import { Group } from '@allshares/studio-design-system';

import { IconPlanVisibility } from './icons/IconPlanVisibility';

export type PlanNameWithVisibilityProps = {
  readonly planName: string;
  readonly isPlanHidden: boolean;
};

export const PlanNameWithVisibility = memo(function PlanNameWithVisibility({
  planName,
  isPlanHidden,
}: PlanNameWithVisibilityProps) {
  return (
    <Group
      align="center"
      gap={8}
    >
      <IconPlanVisibility isPlanHidden={isPlanHidden} />
      {planName}
    </Group>
  );
});