aboutsummaryrefslogblamecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Container.tsx
blob: de2de383bb42b64757e77b7ae68ff6fe9ae9ebc8 (plain) (tree)
1
2
3
4
5
6
7
8
9
10
11
12

                                       

                                     







                          
                       
                   
                                                                   


                         
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;