1 files changed, 24 insertions, 0 deletions
diff --git a/extension/react-app/src/components/SubContainer.tsx b/extension/react-app/src/components/SubContainer.tsx
new file mode 100644
index 00000000..87e2094c
--- /dev/null
+++ b/extension/react-app/src/components/SubContainer.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+import styled from "styled-components";
+import { defaultBorderRadius, secondaryDark, appear } from ".";
+
+const SubContainerDiv = styled.div`
+  margin: 4px;
+  padding: 8px;
+  border-radius: ${defaultBorderRadius};
+  background-color: ${secondaryDark};
+
+  animation: ${appear} 0.3s ease-in-out;
+`;
+
+function SubContainer(props: { children: React.ReactNode; title: string }) {
+  return (
+    <SubContainerDiv>
+      <b className="mb-12">{props.title}</b>
+      <br></br>
+      {props.children}
+    </SubContainerDiv>
+  );
+}
+
+export default SubContainer;