import { classNames } from '@/utils/classNames';

export type TContainerProps = {
  children: React.ReactNode;
  className: string;
};

export function Container({ children, className }: TContainerProps): React.ReactElement {
  return (
    <div
      className={classNames(
        'w-full mx-auto px-[20px] max-w-[540px] sm:max-w-[700px] md:max-w-[820px] lg:max-w-[1100px] xl:max-w-[1220px] 2xl:max-w-[1520px]',
        className,
      )}
    >
      {children}
    </div>
  );
}