From 3a0cb30b78b2dc084a78d42796b3aab1aa3b9265 Mon Sep 17 00:00:00 2001
From: quocsonnguyen <quocsonnguyen2010@gmail.com>
Date: Thu, 26 Aug 2021 14:12:54 +0700
Subject: [PATCH] :sparkles: feat: Heading Common

---
 .../common/HeadingCommon/HeadingCommon.tsx         | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/common/HeadingCommon/HeadingCommon.tsx b/src/components/common/HeadingCommon/HeadingCommon.tsx
index 45c89a3bd..cd6946f25 100644
--- a/src/components/common/HeadingCommon/HeadingCommon.tsx
+++ b/src/components/common/HeadingCommon/HeadingCommon.tsx
@@ -3,19 +3,19 @@ import classNames from 'classnames'
 import s from './HeadingCommon.module.scss'
 
 interface HeadingCommonProps {
-    headingType?: 'highlight' | 'light' | 'default';
-    textAlign?: 'center' | 'left';
-    headingText?: string;
+    type?: 'highlight' | 'light' | 'default';
+    align?: 'center' | 'left';
+    children: string;
 }
 
-const HeadingCommon = ({ headingType='default', textAlign='left', headingText='categories' }: HeadingCommonProps) => {
+const HeadingCommon = ({ type='default', align='left', children }: HeadingCommonProps) => {
 
     return (
         <div className={classNames(s.headingCommon, {
-            [s[`${headingType}`]]: headingType,
-            [s[`${textAlign}`]]: textAlign
+            [s[type]]: type,
+            [s[align]]: align
           })}
-        >{headingText}</div>
+        >{children}</div>
     )
 
 }