import * as React from 'react' ; import Highlight , { defaultProps , Language } from 'prism-react-renderer' ; import theme from 'prism-react-renderer/themes/vsDark' ; export const Code = ( { children , language } ) => { return ( < Highlight { ... defaultProps } theme = { theme } code = { children . trim ( ) } language = { language } > { ( { className , style , tokens , getLineProps , getTokenProps } ) => ( < pre className = { `block-code ${ className }` } style = { { ... style } } > { tokens . map ( ( line , i ) => ( < div key = { i } { ... getLineProps ( { line , key : i } ) } > { line . map ( ( token , key ) => ( < span key = { key } { ... getTokenProps ( { token , key } ) } / > ) ) } < /div>))} < /pre>)} < /Highlight>); } ;