28 lines
510 B
JavaScript
28 lines
510 B
JavaScript
|
const Collapsed = require('./collapsed');
|
||
|
const Column = require('../column');
|
||
|
const Styled = require('styled-components');
|
||
|
const React = require('react');
|
||
|
const Row = require('../row');
|
||
|
|
||
|
const {
|
||
|
default: styled
|
||
|
} = Styled;
|
||
|
|
||
|
const xs = (props) => props.collapsed ? 12 : 6;
|
||
|
|
||
|
const InnerRow = styled(Row)`
|
||
|
height: 100%;
|
||
|
`;
|
||
|
|
||
|
module.exports = Collapsed((props) => (
|
||
|
<Column
|
||
|
name='list-item-meta'
|
||
|
xs={xs(props)}
|
||
|
{...props}
|
||
|
>
|
||
|
<InnerRow>
|
||
|
{props.children}
|
||
|
</InnerRow>
|
||
|
</Column>
|
||
|
));
|