richt text elements

Has someone made a custom codeblock element to the rich text editor?

I wanted to trigger a leaf while adding the type and ended up with this

const ToolbarButton: React.FC<{ path: string }> = () => {

return (

<ElementButton format="code-block">

<LeafButton format="code">Code</LeafButton>

</ElementButton>

);

};

export default ToolbarButton;

wonder if this is a good practice solution at all.