2015-11-22 04:43:18 +03:00
|
|
|
import React, { PropTypes } from 'react';
|
2015-11-21 22:17:18 +03:00
|
|
|
import ClassNames from 'classnames';
|
|
|
|
import style from './style';
|
2015-09-19 18:06:39 +03:00
|
|
|
|
2015-11-23 22:34:07 +03:00
|
|
|
const Card = ({children, className, raised, ...other}) => {
|
2015-11-22 04:43:18 +03:00
|
|
|
const classes = ClassNames(style.card, {
|
|
|
|
[style.raised]: raised
|
|
|
|
}, className);
|
2015-09-19 18:06:39 +03:00
|
|
|
|
2015-11-22 04:43:18 +03:00
|
|
|
return (
|
2015-11-23 22:34:07 +03:00
|
|
|
<div className={classes} {...other}>
|
2015-11-22 04:43:18 +03:00
|
|
|
{children}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
2015-11-18 00:24:22 +03:00
|
|
|
|
2015-11-22 04:43:18 +03:00
|
|
|
Card.propTypes = {
|
|
|
|
children: PropTypes.any,
|
|
|
|
className: PropTypes.string,
|
|
|
|
raised: PropTypes.bool
|
|
|
|
};
|
2015-10-22 02:31:17 +03:00
|
|
|
|
|
|
|
export default Card;
|