allow style override for content container

CDCgov · Nov 6, 2024 · de5b522 · de5b522
1 parent d0cdcd2
commit de5b522
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/app/components/ContentContainer/ContentContainer.tsx b/src/app/components/ContentContainer/ContentContainer.tsx
@@ -3,20 +3,19 @@ import classNames from 'classnames';
 interface ContentContainerProps {
   children: React.ReactNode;
   align?: boolean;
+  classes?: string;
 }
 export function ContentContainer({
   children,
   align = false,
+  classes = 'ml-auto mr-auto flex max-w-[87.5rem] flex-col px-10 py-4 sm:px-14 sm:py-20',
 }: ContentContainerProps) {
   return (
     <section>
       <div
-        className={classNames(
-          'ml-auto mr-auto flex max-w-[87.5rem] flex-col px-10 py-4 sm:px-14 sm:py-20',
-          {
-            'md:px-32': !align,
-          },
-        )}
+        className={classNames(classes, {
+          'md:px-32': !align,
+        })}
       >
         {children}
       </div>