import React from 'react' ; import { Card } from 'antd-mobile' ; import RichText from '../../base/RichText' ; interface IProps { full : boolean | undefined ; header ? : { title : string ; thumb : string ; extra : string ; } ; content : string ; footer : string ; } export default function ( props ) { const { full , header , content , footer } = props ; return ( < Card full = { full } > < Card . Header title = { header ?. title } thumb = { header ?. thumb } extra = { < span > { header ?. extra } < /span>}/ > < Card . Body > { < RichText html = { content } / > } < /Card.Body> < Card . Footer content = { footer ?. leftContent } extra = { < div > { footer ?. rightContent } < /div>}/ > < /Card>); }