ContainerLayout wrapper for consistent spacing.

Container

Lorem ipsum

Lorem ipsum dolor sit amet consectetur adipiscing elit. Donec vel sapien eget nunc efficitur efficitur. Sed at ligula a enim efficitur convallis. Suspendisse potenti. In hac habitasse platea dictumst. Curabitur ac odio sed nisl convallis commodo. Donec in nunc a enim efficitur efficitur. Sed at ligula a enim efficitur convallis. Suspendisse potenti. In hac habitasse platea dictumst. Curabitur ac odio sed nisl convallis commodo.

import Container from '@/components/Container';
export function Example() {  return (    <Container>      <h1>Lorem ipsum</h1>      <p>Dolor sit amet, consectetur adipiscing elit.</p>    </Container>  );}

Container ($size="s")

Lorem ipsum

Lorem ipsum dolor sit amet consectetur adipiscing elit. Donec vel sapien eget nunc efficitur efficitur. Sed at ligula a enim efficitur convallis. Suspendisse potenti. In hac habitasse platea dictumst. Curabitur ac odio sed nisl convallis commodo. Donec in nunc a enim efficitur efficitur. Sed at ligula a enim efficitur convallis. Suspendisse potenti. In hac habitasse platea dictumst. Curabitur ac odio sed nisl convallis commodo.

import Container from '@/components/Container';
export function Example() {  return (    <Container size="s">      <h1>Lorem ipsum</h1>      <p>Dolor sit amet, consectetur adipiscing elit.</p>    </Container>  );}