From 0f59bd1e72e2f34de7507d2ec8846043a78f08ed Mon Sep 17 00:00:00 2001
From: Viktor Riabkov <vriabkov@scnsoft.com>
Date: Tue, 9 Apr 2024 20:25:58 +0800
Subject: [PATCH] Create proxy component of Box

---
 src/shared/ui/Box/index.tsx | 17 +++++++++++++++++
 src/shared/ui/index.ts      |  1 +
 2 files changed, 18 insertions(+)
 create mode 100644 src/shared/ui/Box/index.tsx

diff --git a/src/shared/ui/Box/index.tsx b/src/shared/ui/Box/index.tsx
new file mode 100644
index 000000000..70325ebc5
--- /dev/null
+++ 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
index e991e83f6..2e22b46fc 100644
--- 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';