1import { classNames } from '../../../lib/utils';
2
3/**
4 *
5 * Containers are used to wrap content and provide consistent spacing and alignment.
6 */
7export const Container = ({
8  children,
9  className,
10}: {
11  children: React.ReactNode;
12  className?: string;
13}) => {
14  return (
15    <div className={classNames('px-4 sm:px-16 xl:px-20', className)}>
16      <div className='container mx-auto max-w-screen-xl'>{children}</div>
17    </div>
18  );
19};
20

1import { classNames } from '../../../lib/utils';
2
3/**
4 *
5 * Containers are used to wrap content and provide consistent spacing and alignment.
6 */
7export const Container = ({
8  children,
9  className,
10}: {
11  children: React.ReactNode;
12  className?: string;
13}) => {
14  return (
15    <div className={classNames('px-4 sm:px-16 xl:px-20', className)}>
16      <div className='container mx-auto max-w-screen-xl'>{children}</div>
17    </div>
18  );
19};
20