Remark directive usage

[christianpredebon]

Hi!
I would like to use the remark-directive plugin with the markdown previewer (just for the ::: warning syntax) but I cannot understand how to do it. Is there any useful example or something?

function MarkdownEditorPreview({ source }: MarkdownEditorPreviewProps) {
  return (
    <MarkdownEditorPreviewElement
      source={source}
      rehypeRewrite={avoidHeaderLink}
      wrapperElement={{
        "data-color-mode": "light",
      }}
      remarkPlugins={[remarkDirective]}
    />
  );
}

Thanks