components error-label.tsx

0% Statements 0/6

0% Branches 0/1

0% Functions 0/1

0% Lines 0/5

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 { ExclamationMark } from './icons/exclamation-mark';
import { Flex, Box, FlexProps } from '@stacks/ui';
import React from 'react';
 
interface ErrorLabelProps extends FlexProps {
  size?: 'sm' | 'md';
}
 
export const ErrorLabel: React.FC<ErrorLabelProps> = ({ children, size = 'sm', ...rest }) => (
  <Flex mt={3} {...rest}>
    <Box mr={2} position="relative" top={{ sm: '1px', md: '4px' }[size]}>
      <ExclamationMark />
    </Box>
    <Box>{children}</Box>
  </Flex>
);