components card.tsx

0% Statements 0/5

0% Branches 0/2

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Box, BoxProps, Text, Flex, color } from '@stacks/ui';
import React from 'react';
 
interface CardProps extends BoxProps {
  title?: string;
}
 
export const Card: React.FC<CardProps> = ({ title, children, ...rest }) => {
  return (
    <Box
      borderRadius="6px"
      border="1px solid"
      borderColor={color('border')}
      boxShadow="mid"
      textAlign="center"
      width="100%"
      {...rest}
    >
      {title && (
        <Flex
          borderBottom="1px solid"
          borderColor={color('border')}
          height="40px"
          justifyContent="center"
          alignItems="center"
        >
          <Text textStyle="caption" color={color('text-caption')}>
            {title}
          </Text>
        </Flex>
      )}
      <Box my="base" mx="base">
        {children}
      </Box>
    </Box>
  );
};