feat: BlogHeading

src/components/modules/blogs/BlogHeading/BlogHeading.module.scss

@@ -0,0 +1,9 @@
+@import "../../../../styles/utilities";
+
+.headingWrapper{
+    @apply flex spacing-horizontal-left pb-16 justify-center;
+    .heading{
+        max-width: 121.6rem;
+        flex-grow: 1;
+    }
+}

src/components/modules/blogs/BlogHeading/BlogHeading.tsx

@@ -0,0 +1,18 @@
+import { HeadingCommon } from "src/components/common"
+import s from './BlogHeading.module.scss'
+
+interface BlogHeadingProps {
+    children?: React.ReactNode,
+    heading?: string,
+}
+
+const BlogHeading = ({heading = "BLOG"}: BlogHeadingProps) => {
+    return (
+        <section className={s.headingWrapper}>
+            <div className={s.heading}>
+                <HeadingCommon>{heading}</HeadingCommon>
+            </div>
+        </section>
+    )
+}
+export default BlogHeading