mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 20:26:49 +00:00
Stiling
This commit is contained in:
@@ -13,7 +13,7 @@ interface Props {
|
||||
children: React.ReactNode | any
|
||||
}
|
||||
|
||||
type Variant = 'heading' | 'body' | 'pageHeading'
|
||||
type Variant = 'heading' | 'body' | 'pageHeading' | 'sectionHeading'
|
||||
|
||||
const Text: FunctionComponent<Props> = ({
|
||||
style,
|
||||
@@ -27,6 +27,7 @@ const Text: FunctionComponent<Props> = ({
|
||||
body: 'p',
|
||||
heading: 'h1',
|
||||
pageHeading: 'h1',
|
||||
sectionHeading: 'h2',
|
||||
}
|
||||
|
||||
const Component:
|
||||
@@ -43,6 +44,7 @@ const Text: FunctionComponent<Props> = ({
|
||||
[s.body]: variant === 'body',
|
||||
[s.heading]: variant === 'heading',
|
||||
[s.pageHeading]: variant === 'pageHeading',
|
||||
[s.sectionHeading]: variant === 'sectionHeading',
|
||||
},
|
||||
className
|
||||
)}
|
||||
|
Reference in New Issue
Block a user