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

import type { ContainerProps } from '../../types'

const StyledDiv = styled.div`
  @media (min-width: 576px) {
    max-width: 1310px;
    padding: 0px 50px;
  }
`

export const Container: React.FC<ContainerProps> = ({ children }) => {
  return <StyledDiv className="container">{children}</StyledDiv>
}
