packages/dev-tools-pages/ts/components/Container.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import styled from 'styled-components';

import { media } from 'ts/variables';

interface ContainerProps {
    wide?: boolean;
}

const Container =
    styled.div <
    ContainerProps >
    `
    max-width: 77.5rem;
    margin: 0 auto;
    width: ${props => (props.wide ? '100%' : 'calc(100% - 5rem)')};
`;

export default Container;