2020-02-12 17:54:08 +01:00
|
|
|
import styled from 'styled-components';
|
|
|
|
|
|
|
|
|
|
const Title = styled.div`
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding-left: 2rem;
|
|
|
|
|
padding-right: 1.6rem;
|
2020-02-21 11:03:39 +01:00
|
|
|
padding-top: 1rem;
|
2020-02-28 11:51:57 +01:00
|
|
|
margin-bottom: 0.9rem;
|
2020-02-12 17:54:08 +01:00
|
|
|
color: ${props => props.theme.main.colors.leftMenu['title-color']};
|
|
|
|
|
text-transform: uppercase;
|
2020-02-28 11:51:57 +01:00
|
|
|
font-size: 1.1rem;
|
2020-02-12 17:54:08 +01:00
|
|
|
letter-spacing: 0.1rem;
|
|
|
|
|
font-weight: 800;
|
2020-02-28 11:51:57 +01:00
|
|
|
max-height: 26px;
|
2020-02-12 17:54:08 +01:00
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
Title.defaultProps = {
|
|
|
|
|
theme: {
|
|
|
|
|
main: {
|
|
|
|
|
colors: {
|
|
|
|
|
leftMenu: {
|
|
|
|
|
'title-color': '#5b626f',
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default Title;
|