Add a body layout component

onaio · May 8, 2024 · 55e412b · 55e412b
1 parent f101b47
commit 55e412b
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/packages/react-utils/src/components/BodyLayout/index.tsx b/packages/react-utils/src/components/BodyLayout/index.tsx
@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import { RichPageHeader, RichPageHeaderProps } from '../PageHeaders/RichPageHeader';
+
+export interface BodyLayoutProps {
+  headerProps: RichPageHeaderProps;
+  children: ReactNode;
+  id?: string;
+}
+
+export const BodyLayout = (props: BodyLayoutProps) => {
+  const { headerProps, children } = props;
+  return (
+    <div className="details-full-view">
+      <RichPageHeader {...headerProps} />
+      <div className="content-body">{children}</div>
+    </div>
+  );
+};