26 lines
700 B
React
26 lines
700 B
React
|
import ReactMarkdown from 'react-markdown'
|
||
|
|
import remarkBreaks from 'remark-breaks'
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Rechtstext-Absatz aus Markdown (ohne Roht-HTML; Links mit target=_blank).
|
||
|
|
*/
|
||
|
|
export default function LegalDocumentBody({ content, muted }) {
|
||
|
|
if (content == null || content === '') return null
|
||
|
|
return (
|
||
|
|
<div className={`legal-doc-body ${muted ? 'legal-doc-body--muted' : ''}`}>
|
||
|
|
<ReactMarkdown
|
||
|
|
remarkPlugins={[remarkBreaks]}
|
||
|
|
components={{
|
||
|
|
a: ({ href, children }) => (
|
||
|
|
<a href={href} target="_blank" rel="noopener noreferrer">
|
||
|
|
{children}
|
||
|
|
</a>
|
||
|
|
),
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
{content}
|
||
|
|
</ReactMarkdown>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|