elevate-rehab-v3

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

container.tsx (571B)

      1 import React from "react";
      2 
      3 export const Container = ({
      4   children,
      5   size = "medium",
      6   width = "large",
      7   className = "",
      8   ...props
      9 }) => {
     10   const verticalPadding = {
     11     custom: "",
     12     small: "py-8",
     13     medium: "py-12",
     14     large: "py-24",
     15     default: "py-12",
     16   };
     17   const widthClass = {
     18     small: "max-w-4xl",
     19     medium: "max-w-5xl",
     20     large: "max-w-7xl",
     21     custom: "",
     22   };
     23 
     24   return (
     25     <div
     26       className={`${widthClass[width]} mx-auto px-6 sm:px-8 ${verticalPadding[size]} ${className}`}
     27       {...props}
     28     >
     29       {children}
     30     </div>
     31   );
     32 };