import Markdown from "react-markdown";
import { remarkLineBreaks } from "../markdownBreaks";

type Props = {
    note: string,
};

const REMARK_PLUGINS = [remarkLineBreaks];

/**
 * Postup receptu zapsaný v Markdownu. Syrové HTML react-markdown nevykreslí,
 * takže postup nic nepodstrčí. Jednoduché zalomení řádku zůstává zalomením.
 */
const RecipeNote = ({ note }: Readonly<Props>) => (
    <div className="recipe-note">
        <Markdown remarkPlugins={REMARK_PLUGINS}>{note}</Markdown>
    </div>
);

export default RecipeNote;