import React , { CSSProperties } from 'react' ; import { CommonProps } from '../Group' ; import { CommonShapeProps } from './common' ; export interface TextStyle extends CommonShapeProps { description description textAlign ? : 'center' | 'end' | 'left' | 'right' | 'start' ; description description textBaseline ? : 'top' | 'middle' | 'bottom' | 'alphabetic' | 'hanging' ; description description fontStyle ? : CSSProperties [ 'fontStyle' ] ; description description fontWeight ? : CSSProperties [ 'fontWeight' ] ; description description fontVariant ? : CSSProperties [ 'fontVariant' ] ; description description fontSize ? : CSSProperties [ 'fontSize' ] ; description description fontFamily ? : CSSProperties [ 'fontFamily' ] ; description description lineHeight ? : CSSProperties [ 'lineHeight' ] ; } interface TextProps extends CommonProps { description style : TextStyle ; } const Text = ( props ) => { const { children , ... rest } = props ; return ( < div data - attr = { { ... rest , type : 'text' , } } > { children } < /div>); } ; export default Text ;