import * as React from 'react' ; import { Heading , Box , Text } from 'components/foundations' ; interface DocsHeaderProps { title : string ; subtitle ? : string ; } const DocsHeader = ( { title , subtitle } ) => { return ( < Box as = "header" mb = "md" > < Heading as = "h1" scale = { 800 } color = "grey09" > { title } < /Heading> { subtitle && ( < Text as = "p" scale = { 400 } mt = "md" > { subtitle } < /Text>)} < /Box>); } ; export default DocsHeader ;