import React from 'react' ; import * as Styled from './PortfolioParagraph.styles' ; export interface Props { margin : string ; paragraphText ? : string ; withDarkColor : boolean ; variant : 'large' | 'medium' | 'small' ; withAnimatedPresence : boolean ; } TYPOGRAPHY function param { enum } variant param { string } margin param { string } paragraphText param { boolean } withDarkColor param { boolean } withAnimatedPresence returns { JSX . Element } const PortfolioParagraph = ( { margin , paragraphText , withDarkColor , variant , withAnimatedPresence , children , } ) : JSX . Element => { return ( < Styled . P margin = { margin } withDarkColor = { withDarkColor } variant = { variant } withAnimatedPresence = { withAnimatedPresence } > { paragraphText ?? children } < /Styled.P>); } ; export default PortfolioParagraph ;