crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-07 13:21: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'
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>
)
}