packages/website/ts/@next/components/container.tsx


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

import * as React from 'react';
import styled from 'styled-components';

interface ContainerProps {
}

const StyledContainer = styled.div`
    max-width: 117rem; // 2000px
    margin: 0 auto;
    padding: 0 1.764705882rem; // 30px
`;

export const Container: React.StatelessComponent<ContainerProps> = props => {
  const { children } = props;

  return (
    <StyledContainer>
      {children}
    </StyledContainer>
  );
};