ClipboardCopy - custom wrapper component

ClipboardCopy uses a div element to wrap everything and style the element. When using the component in conjunction with a markdown viewer, this ends up generating invalid html if the ClipboardCopy is used to style inline <code> tags.

An example is this visualization which comes from a markdown content rendered using react-markdown, customized to use ClipboardCopy and CodeBlock components (for single-line and multi-line snippet of code respectively) to style the code tags (visible at the bottom of the screen):

which generates this warning:

This could be solved by either defaulting the ClipboardCopy to use a span element by default, or by providing a customization property for the wrapping element as done for other components in the library.

Localiza la implementación del componente ClipboardCopy y sus pruebas; después, inspecciona cómo se comporta su envoltorio div cuando se usa alrededor de elementos de código inline de un visor de Markdown. Se considera terminado cuando el componente admite el comportamiento de envoltorio solicitado, ya sea mediante un span predeterminado o mediante una propiedad de personalización del envoltorio, sin generar HTML no válido.