Не получается сделать alert как в github

Я делаю свой блог на Nextjs и React Markdown. Я хочу добавить заметки стиль которых можно будет изменять в markdown, например:

> [NOTE]
> description

и это должно переходить в:

<blockquote>
  <h5>*иконка* Note</h5>
  <p>description</p>
</blockquote>

вот что я использую:

export const Markdown = ({ children }: MarkdownProps) => {
    return (
        <ReactMarkdown
            remarkPlugins={[remarkGfm, remarkBreaks, remarkToc, remarkEmoji, remarkDirective]}
            rehypePlugins={[rehypeRaw, rehypeSlug, rehypeAutolinkHeadings, rehypeSanitize, rehypeRemoveUserContentPrefix]}
            components={Components}
        >
            {children}
        </ReactMarkdown>
    )
}

есть ли какие то инструменты или способы решения этой проблемы?