import { TinaMarkdown } from "tinacms/dist/rich-text";
import { createBlock } from "../create";
import { useLocalize } from "@wp2/helpers/dist/client";
import { tinaField } from "tinacms/dist/react";
import { Section } from "@wp2/ui/dist/section";
export const Markdown = createBlock(({ data }) => {
    const localize = useLocalize();
    return (<Section data-tina-field={tinaField(data, "markdown")} id="content" className="prose">
      <TinaMarkdown content={localize(data.markdown)}/>
    </Section>);
});