feat: BlogsPage

src/components/common/TabCommon/TabItem/TabItem.tsx

@@ -0,0 +1,21 @@
+import classNames from "classnames";
+import React from "react"
+import s from './TabItem.module.scss'
+
+interface TabItemProps {
+    active: string;
+    target?: string;
+    children?: string;
+}
+
+const TabItem = ({ active = "", children } : TabItemProps) => {
+    return (
+        <span className={classNames(s.tabItem, {
+            [s[active]]: active
+        })}>
+            {children}
+        </span>
+    )
+}
+
+export default TabItem;