45 lines
790 B
JavaScript
45 lines
790 B
JavaScript
|
const constants = require('../../shared/constants');
|
||
|
|
const React = require('react');
|
||
|
|
const Styled = require('styled-components');
|
||
|
|
|
||
|
|
const {
|
||
|
|
colors
|
||
|
|
} = constants;
|
||
|
|
|
||
|
|
const {
|
||
|
|
default: styled
|
||
|
|
} = Styled;
|
||
|
|
|
||
|
|
const OuterBox = styled.div`
|
||
|
|
height: 38px;
|
||
|
|
padding: 8px 12px;
|
||
|
|
border-bottom: 1px solid ${colors.seperator};
|
||
|
|
`;
|
||
|
|
|
||
|
|
const InnerBox = styled.div`
|
||
|
|
width: 136px;
|
||
|
|
height: 36px;
|
||
|
|
font-family: 'Libre Franklin', sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: normal;
|
||
|
|
font-style: normal;
|
||
|
|
font-stretch: normal;
|
||
|
|
line-height: 18px;
|
||
|
|
text-align: right;
|
||
|
|
color: ${colors.regular};
|
||
|
|
`;
|
||
|
|
|
||
|
|
const Meta = (props) => (
|
||
|
|
<OuterBox {...props}>
|
||
|
|
<InnerBox>
|
||
|
|
{props.children}
|
||
|
|
</InnerBox>
|
||
|
|
</OuterBox>
|
||
|
|
);
|
||
|
|
|
||
|
|
Meta.propTypes = {
|
||
|
|
children: React.PropTypes.node
|
||
|
|
};
|
||
|
|
|
||
|
|
module.exports = Meta;
|