jsx import { CSSObject , jsx } from '@emotion/core' ; import { COLOR } from '../Identity' ; import { Theme } from '../Layout' ; import { TextProps , filterTextProps , textStyle } from './Text' ; export type TitleProps < T = HTMLDivElement > = TextProps < T > ; const titleStyle = ( theme , { block = true , center = true , fontSize = '32px' , color = COLOR . GRAY , bold = true , ... props } ) => ( { ... textStyle ( theme , { block , bold , center , color , fontSize , ... props } ) , marginBottom : '8px' , } ) ; export const Title = ( props ) => < div css = { theme => titleStyle ( theme , props ) } { ... filterTextProps ( props ) } />;