badges DocumentSignatureRequiredBadge.tsx

0% Statements 0/30

0% Branches 0/1

0% Functions 0/1

0% Lines 0/30

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
27
28
29
30
31  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { useTheme } from '@emotion/react';
import { IconWritingSign } from '@tabler/icons-react';
import { memo } from 'react';
import { FormattedMessage } from 'react-intl';

import { Badge, Group } from '@allshares/studio-design-system';
import { HueCategory } from '@allshares/studio-design-system/meta';

export const DocumentSignatureRequiredBadge = memo(function DocumentSignatureRequiredBadge() {
  const theme = useTheme();

  return (
    <Badge
      size="medium"
      variant="blue"
    >
      <Group
        align="center"
        gap={6}
      >
        <IconWritingSign
          color={theme.ds.hues[HueCategory.BLUE][400]}
          size={14}
        />

        <FormattedMessage defaultMessage="Signature required" />
      </Group>
    </Badge>
  );
});