2017-02-15 03:19:26 +02:00
|
|
|
const composers = require('../../shared/composers');
|
2017-01-10 13:55:25 +02:00
|
|
|
const constants = require('../../shared/constants');
|
2017-01-12 21:04:52 +02:00
|
|
|
const fns = require('../../shared/functions');
|
2017-01-10 13:55:25 +02:00
|
|
|
const React = require('react');
|
|
|
|
const Styled = require('styled-components');
|
|
|
|
|
|
|
|
const {
|
|
|
|
colors
|
|
|
|
} = constants;
|
|
|
|
|
2017-02-15 03:19:26 +02:00
|
|
|
const {
|
|
|
|
Baseline
|
|
|
|
} = composers;
|
|
|
|
|
2017-01-12 21:04:52 +02:00
|
|
|
const {
|
|
|
|
remcalc
|
|
|
|
} = fns;
|
|
|
|
|
2017-01-10 13:55:25 +02:00
|
|
|
const {
|
|
|
|
default: styled
|
|
|
|
} = Styled;
|
|
|
|
|
|
|
|
const TopologyView = styled.div`
|
2017-01-12 21:04:52 +02:00
|
|
|
border: ${remcalc(1)} solid ${colors.borderSecondary};
|
2017-01-10 13:55:25 +02:00
|
|
|
background-color: ${colors.brandSecondary};
|
|
|
|
`;
|
|
|
|
|
|
|
|
const Topology = (props) => (
|
|
|
|
<TopologyView {...props}>
|
|
|
|
{props.children}
|
|
|
|
</TopologyView>
|
|
|
|
);
|
|
|
|
|
|
|
|
Topology.propTypes = {
|
|
|
|
children: React.PropTypes.node,
|
|
|
|
};
|
|
|
|
|
2017-02-15 03:19:26 +02:00
|
|
|
module.exports = Baseline(
|
|
|
|
Topology
|
|
|
|
);
|