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