39 lines
621 B
JavaScript
39 lines
621 B
JavaScript
|
const composers = require('../../shared/composers');
|
||
|
|
||
|
const React = require('react');
|
||
|
const Styled = require('styled-components');
|
||
|
|
||
|
const {
|
||
|
default: styled,
|
||
|
} = Styled;
|
||
|
|
||
|
const {
|
||
|
clearfix
|
||
|
} = composers;
|
||
|
|
||
|
const StyledTableBody = styled.article`
|
||
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
|
||
|
|
||
|
${clearfix}
|
||
|
`;
|
||
|
|
||
|
const TableBody = ({
|
||
|
children
|
||
|
}) => {
|
||
|
|
||
|
const itemCount = children.length;
|
||
|
|
||
|
if (itemCount <= 1) return;
|
||
|
|
||
|
return (
|
||
|
<StyledTableBody itemCount={itemCount}>
|
||
|
{children}
|
||
|
</StyledTableBody>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
TableBody.propTypes = {
|
||
|
children: React.PropTypes.node
|
||
|
};
|
||
|
|
||
|
module.exports = StyledTableBody;
|