fix(SW-190): reverted changes in MaxWidth

components/MaxWidth/index.tsx

@@ -1,21 +1,17 @@
 "use client"
+import { cva } from "class-variance-authority"
 
-import { maxWidthVariants } from "./variants"
+import styles from "./maxWidth.module.css"
 
 import type { MaxWidthProps } from "@/types/components/max-width"
 
+const maxWidthVariants = cva(styles.container)
+
 export default function MaxWidth({
   className,
   tag = "section",
-  variant,
-  align,
   ...props
 }: MaxWidthProps) {
   const Cmp = tag
-  return (
-    <Cmp
-      className={maxWidthVariants({ className, variant, align })}
-      {...props}
-    />
-  )
+  return <Cmp className={maxWidthVariants({ className })} {...props} />
 }

components/MaxWidth/maxWidth.module.css

@@ -1,21 +1,4 @@
 .container {
-  position: relative;
-  max-width: 100%;
-  width: 100%;
-}
-
-.container.default {
   max-width: var(--max-width, 1140px);
-}
-
-.container.text {
-  max-width: 49.5rem;
-}
-
-.container.content {
-  max-width: 74.75rem;
-}
-
-.container.center {
-  margin: 0 auto;
+  position: relative;
 }

components/MaxWidth/variants.ts

@@ -1,21 +0,0 @@
-import { cva } from "class-variance-authority"
-
-import styles from "./maxWidth.module.css"
-
-export const maxWidthVariants = cva(styles.container, {
-  variants: {
-    variant: {
-      text: styles.text,
-      content: styles.content,
-      default: styles.default,
-    },
-    align: {
-      center: styles.center,
-      left: styles.left,
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-    align: "center",
-  },
-})