import React from 'react' ; import { Divider } from '../Common' ; import Link from '../Link' ; import Paragraph from './Paragraph' ; import Quote from './Quote' ; import Sandbox from './Sandbox' ; import SubtitleH2 from './SubtitleH2' ; import SubtitleH3 from './SubtitleH3' ; import SubtitleH4 from './SubtitleH4' ; import Title from './Title' ; export default { a : ( props ) => ( < Link to = { props . href } { ... props } > { props . children } < /Link>), h1 : ( props ) => < Title { ... props } / > , h2 : ( props ) => < SubtitleH2 { ... props } / > , h3 : ( props ) => < SubtitleH3 { ... props } / > , h4 : ( props ) => < SubtitleH4 { ... props } / > , p : ( props ) => < Paragraph { ... props } / > , hr : ( props ) => < Divider { ... props } / > , blockquote : ( props ) => props . className && props . className === 'twitter-tweet' ? ( < blockquote className = { props . className } > { props . children } < /blockquote>) : (<Quote {...props}/ > ) , Sandbox : ( props ) => < Sandbox { ... props } / > , Link : ( props ) => ( < Link underline = { true } { ... props } />) } ;