2 files changed, 26 insertions, 0 deletions
diff --git a/src/components/shared/Basic.js b/src/components/shared/Basic.js
new file mode 100644
index 0000000..9d07a39
--- /dev/null
+++ b/src/components/shared/Basic.js
@@ -0,0 +1,12 @@
+import React from 'react';
+
+import s from './Basic.module.css';
+
+export function SectionNameType({ name, type }) {
+  return (
+    <h2 className={s.sectionNameType}>
+      <span>{name}</span>
+      <span>{type}</span>
+    </h2>
+  );
+}
diff --git a/src/components/shared/Basic.module.css b/src/components/shared/Basic.module.css
new file mode 100644
index 0000000..8e3e65c
--- /dev/null
+++ b/src/components/shared/Basic.module.css
@@ -0,0 +1,14 @@
+h2.sectionNameType {
+  margin: 0;
+  font-size: 1.3em;
+  @media (--breakpoint-not-small) {
+    font-size: 1.5em;
+  }
+
+  span:nth-child(2) {
+    font-size: 12px;
+    color: #777;
+    font-weight: normal;
+    margin: 0 0.3em;
+  }
+}