All files / src/components/Card Card.tsx

0% Statements 0/3
100% Branches 0/0
0% Functions 0/1
0% Lines 0/3

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                                             
import { Box, BoxProps, forwardRef } from "@chakra-ui/react";
 
export interface CardProps extends BoxProps {}
 
/**
 * Implements a <Box /> with simple card styles.
 */
export const Card = forwardRef<CardProps, "div">((props, ref) => {
  return (
    <Box
      bg="bgSecondary"
      border="base"
      borderRadius="card"
      boxShadow="base"
      p={2}
      ref={ref}
      {...props}
    />
  );
});
 
Card.displayName = "Card";