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, }; |