All files / components/card index.js

0% Statements 0/31
0% Branches 0/6
0% Functions 0/5
0% Lines 0/5
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                                                           
import React from 'react'
import cx from 'classnames'
import PropTypes from 'prop-types'
import CardStyled from './card.styled'
 
// import Header from './card-header'
// import Content from './card-content'
 
const Card = ({ className, width, type, color, withBorder = true, children }) => (
  <CardStyled
    className={cx({ 'custom': (color) }, className, type)}
    width={width}
    color={color}
    withBorder={withBorder}>
    {children}
  </CardStyled>
)
 
Card.propTypes = {
  width: PropTypes.string,
  type: PropTypes.string,
  className: PropTypes.string,
  color: PropTypes.string
}
 
export { CardHeader } from './card-header'
export { CardContent } from './card-content'
export { CardFooter } from './card-footer'
export { Card }