Create proxy component of Box

ChildMindInstitute · Apr 9, 2024 · 0f59bd1 · 0f59bd1
1 parent bc4ea3f
commit 0f59bd1
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/shared/ui/Box/index.tsx b/src/shared/ui/Box/index.tsx
@@ -0,0 +1,17 @@
+import MUIBox, { BoxProps } from '@mui/material/Box';
+
+/**
+ * Common proxy component of the Box component by MaterialUI.
+ *
+ * @component
+ * @example
+ * return (
+ *   <Box>Anything</Box>
+ * )
+ */
+
+function Box(props: BoxProps) {
+  return <MUIBox {...props} />;
+}
+
+export default Box;
diff --git a/src/shared/ui/index.ts b/src/shared/ui/index.ts
@@ -22,3 +22,4 @@ export * from './MuiModal';
 
 // Common - UI
 export * from './Container';
+export { default as Box } from './Box';
Original file line number	Diff line number	Diff line change
Expand Up		@@ -22,3 +22,4 @@ export * from './MuiModal';

		// Common - UI
		export * from './Container';
		export { default as Box } from './Box';