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.

Xác định phần triển khai của component ClipboardCopy và các bài kiểm thử của nó, sau đó kiểm tra wrapper div của nó hoạt động như thế nào khi được dùng để bao quanh các phần tử mã inline từ trình xem Markdown. Được xem là hoàn tất khi component hỗ trợ hành vi wrapper được yêu cầu, thông qua span mặc định hoặc một thuộc tính tùy chỉnh wrapper, mà không tạo ra HTML không hợp lệ.