Changes

components/ui/Container/Container.module.css

@@ -0,0 +1,5 @@
+.root {
+  @apply mx-auto px-2;
+  display: inherit;
+  max-width: 1440px;
+}

components/ui/Container/Container.tsx

@@ -0,0 +1,25 @@
+import cn from "classnames";
+import { FunctionComponent } from "react";
+import s from "./Container.module.css";
+
+interface Props {
+  className?: string;
+  children?: any;
+  el?: HTMLElement;
+}
+
+const Container: FunctionComponent<Props> = ({
+  children,
+  className,
+  el = "div",
+}) => {
+  const rootClassName = cn(s.root, className);
+
+  let Component: React.ComponentType<React.HTMLAttributes<
+    HTMLDivElement
+  >> = el as any;
+
+  return <Component className={rootClassName}>{children}</Component>;
+};
+
+export default Container;

components/ui/Container/index.ts

@@ -0,0 +1 @@
+export { default } from "./Container";