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

import { Layout } from '~/src/ui/layouts/layout';
import { containerSizes } from './styles';

export const Container = ({
  children,
  size = 'medium',
  gap,
  align,
}: ContainerProps) => {
  return (
    <Layout justify="center">
      <Layout
        column
        gap={gap}
        align={align}
        maxWidth={containerSizes[size]}
        overflowX="hidden"
      >
        {children}
      </Layout>
    </Layout>
  );
};