components severe-warning.tsx

0% Statements 0/5

100% Branches 0/0

0% Functions 0/1

0% Lines 0/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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Text, ExclamationMarkCircleIcon, Flex, FlexProps, color } from '@stacks/ui';
import React, { FC } from 'react';
 
export const SevereWarning: FC<FlexProps> = ({ children, ...props }) => (
  <Flex backgroundColor={color('bg-4')} width="100%" borderRadius="6px" padding="base" {...props}>
    <ExclamationMarkCircleIcon
      color={color('feedback-error')}
      width="16px"
      height="16px"
      minWidth="16px"
      mr="tight"
      mt="1px"
    />
    <Text textStyle="body.small">{children}</Text>
  </Flex>
);