import React from 'react' ; import * as Styled from './SectionHeader.styles' ; export interface Props { variant : 'large' | 'medium' | 'small' | 'extraSmall' ; headerText ? : string ; margin : string ; color : string ; withGradient ? : boolean ; } TYPOGRAPHY function param { enum } variant param { string } margin param { string } headerText param { string } color param { boolean } withGradient returns { JSX . Element } const TextHeader = ( { margin , headerText , color , variant , withGradient , children , } ) : JSX . Element => { return ( < Styled . H1 variant = { variant } margin = { margin } color = { color } withGradient = { withGradient } > { headerText ?? children } < /Styled.H1>); } ; export default TextHeader ;