rlayers/docs/6223.bundle.js

React Components for OpenLayers

"use strict";(self.webpackChunkrlayers=self.webpackChunkrlayers||[]).push([[6223],{6223:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});const o="import React from 'react';\nimport CodePenButton from './CodePenButton';\nimport 'prism-themes/themes/prism-vsc-dark-plus.css';\n\n// This is expensive to render\nconst CodeBlock = React.memo(function CodeBlock(props: {\n    title: string;\n    code: Promise<string>;\n    text: Promise<string>;\n}) {\n    const [code, setCode] = React.useState('loading()');\n    React.useEffect(() => {\n        props.code.then((r) => setCode(r));\n    }, [props.code, props.text]);\n    return (\n        <div className='position-relative'>\n            <CodePenButton title={props.title} text={props.text} />\n            <div className='codeblock'>\n                <pre className='p-2' style={{backgroundColor: 'rgb(43, 43, 43)', fontSize: '16px'}}>\n                    <code className='language-tsx' dangerouslySetInnerHTML={{__html: code}} />\n                </pre>\n            </div>\n        </div>\n    );\n});\n\nexport default CodeBlock;\n"}}]);