Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

apps/web/core/components/settings/content-wrapper.tsx

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+import { observer } from "mobx-react";
+import { cn } from "@plane/utils";
+
+type TProps = {
+  children: ReactNode;
+  size?: "lg" | "md";
+};
+export const SettingsContentWrapper = observer((props: TProps) => {
+  const { children, size = "md" } = props;
+
+  return (
+    <div
+      className={cn("flex flex-col w-full items-center mx-auto py-4 md:py-0", {
+        "md:px-4 max-w-[800px] 2xl:max-w-[1000px]": size === "md",
+        "md:px-16": size === "lg",
+      })}
+    >
+      <div className="pb-10 w-full">{children}</div>
+    </div>
+  );
+});