konstitisyon.nu/components/konstitisyon/edit/article.js

import PropTypes from 'prop-types'
import Box from '@mui/material/Box'
import Typography from '@mui/material/Typography'
import MarkdownRenderer from '../../markdown-renderer/index.js'
import Edit from './index.js'

export default function Article({session, articleId, numero, contenu}) {
  return (
    <Box textAlign='justify' p={0.5}>
      <Box sx={{display: 'flex', alignItems: 'center'}}>
        <Typography marginBlock={1} fontWeight='bold'>{!numero || numero === 0 ? 'Article ...' : `Article ${numero}`}</Typography>
        {session && (
          <Edit session={session} id={articleId} contenu={contenu} collection='articles' />
        )}
      </Box>

      <MarkdownRenderer content={contenu} fallbackComponent={Typography} />
    </Box>
  )
}

Article.propTypes = {
  session: PropTypes.object,
  articleId: PropTypes.string.isRequired,
  numero: PropTypes.number,
  contenu: PropTypes.string.isRequired
}