Box is a primitive component that distributes alignment and spacing.
Box has no control over elements' composition. Use instead.
import React from 'react'
import { Box } from 'atomic-layout'
export const Header = ({ children }) => (
<Box as="header" padding={10} paddingMd={20}>
{children}
</Box>
)