diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-06 18:40:17 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-06 18:45:08 +0200 |
| commit | 47e12259d512e476326e83929efebf036b57f7c1 (patch) | |
| tree | ff175aa349caf2a3872f78a239d8f35d72affcc5 /src/components/atoms/headings/heading.tsx | |
| parent | dfd816d1891545aa8ead982b57891858f1c82bb4 (diff) | |
chore: add a Modal component
Diffstat (limited to 'src/components/atoms/headings/heading.tsx')
| -rw-r--r-- | src/components/atoms/headings/heading.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/atoms/headings/heading.tsx b/src/components/atoms/headings/heading.tsx index 77580cc..136571d 100644 --- a/src/components/atoms/headings/heading.tsx +++ b/src/components/atoms/headings/heading.tsx @@ -1,7 +1,7 @@ import { FC } from 'react'; import styles from './heading.module.scss'; -type HeadingProps = { +export type HeadingProps = { /** * Adds additional classes. */ @@ -33,12 +33,12 @@ const Heading: FC<HeadingProps> = ({ withMargin = true, }) => { const TitleTag = isFake ? `p` : (`h${level}` as keyof JSX.IntrinsicElements); - const variantClass = withMargin ? 'heading--margin' : 'heading--regular'; const levelClass = `heading--${level}`; + const marginClass = withMargin ? 'heading--margin' : 'heading--regular'; return ( <TitleTag - className={`${styles.heading} ${styles[variantClass]} ${styles[levelClass]} ${additionalClasses}`} + className={`${styles.heading} ${styles[levelClass]} ${styles[marginClass]} ${additionalClasses}`} > {children} </TitleTag> |
