crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-07 21:31:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: Heading Common

Browse Source
This commit is contained in:
quocsonnguyen 2021-08-26 14:12:54 +07:00
parent bef4bbfad0
commit 3a0cb30b78
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/common/HeadingCommon/HeadingCommon.tsx
View File

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