All files / elements/Card component.js

100% Statements 5/5
100% Branches 4/4
100% Functions 1/1
100% Lines 5/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 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44                                1x         4x 4x                           1x       1x      
import React from 'react';
import { Box } from 'src/elements/grid';
import { removeSomeProps } from 'src/utils/componentHelpers';
import {
  cardDefaultProps,
  cardPropTypes,
} from './utils';
import {
  CardHeader,
  CardInner,
  getCardActions,
  getCardBody,
  getCardRichMedia,
  getCardSecondaryMedia,
} from './subComponents';
 
export const CardComponent = props => {
  const {
    cardPadding,
    cardSecondaryMedia,
    children,
  } = props;
  return (
    <Box {...removeSomeProps(props, Object.keys(cardPropTypes))}>
      {getCardRichMedia(props)}
      <CardInner {...props}>
        <CardHeader {...props} />
        {!cardSecondaryMedia ? getCardBody(props) : ''}
        {children ? <Box p={cardPadding}>{children}</Box> : ''}
      </CardInner>
      {getCardSecondaryMedia(props)}
      {getCardActions(props)}
    </Box>
  );
};
 
CardComponent.propTypes = {
  ...cardPropTypes,
};
 
CardComponent.defaultProps = {
  ...cardDefaultProps,
};