2023-05-11 19:14:48 +02:00
|
|
|
import { SvgWrapper } from './svg.mjs'
|
|
|
|
|
|
|
|
export const Pattern = ({ pattern, setView, settings, ui, update }) => {
|
2023-05-18 10:37:47 +02:00
|
|
|
if (!pattern) return <p>FIXME: no pattern</p>
|
2023-05-11 19:14:48 +02:00
|
|
|
|
|
|
|
// Render as SVG
|
|
|
|
return ui.renderer === 'svg' ? (
|
2023-05-31 17:56:58 +02:00
|
|
|
<div dangerouslySetInnerHTML={{ __html: pattern.render() }} />
|
2023-05-11 19:14:48 +02:00
|
|
|
) : (
|
2023-05-18 10:37:47 +02:00
|
|
|
<SvgWrapper renderProps={pattern.getRenderProps()} {...{ update, settings, ui }} />
|
2023-05-11 19:14:48 +02:00
|
|
|
)
|
|
|
|
}
|