mirror of
https://github.com/yldio/copilot.git
synced 2024-09-22 06:13:50 +03:00
35 lines
726 B
JavaScript
35 lines
726 B
JavaScript
|
const Collapsed = require('./collapsed');
|
||
|
const constants = require('../../shared/constants');
|
||
|
const fns = require('../../shared/functions');
|
||
|
const React = require('react');
|
||
|
const Row = require('../row');
|
||
|
const Styled = require('styled-components');
|
||
|
|
||
|
const {
|
||
|
boxes,
|
||
|
colors
|
||
|
} = constants;
|
||
|
|
||
|
const {
|
||
|
remcalc
|
||
|
} = fns;
|
||
|
|
||
|
const {
|
||
|
default: styled
|
||
|
} = Styled;
|
||
|
|
||
|
const height = (props) => props.collapsed ? remcalc(48) : remcalc(126);
|
||
|
|
||
|
const Item = styled(Row)`
|
||
|
height: ${height}
|
||
|
box-shadow: ${boxes.bottomShaddow};
|
||
|
border: 1px solid ${colors.borderSecondary};
|
||
|
background-color: ${colors.brandSecondary};
|
||
|
`;
|
||
|
|
||
|
module.exports = Collapsed((props) => (
|
||
|
<Item name='list-item' {...props}>
|
||
|
{props.children}
|
||
|
</Item>
|
||
|
));
|