## Using the Component with Tailwind CSS This component supports **Tailwind CSS**, a utility-first CSS framework that allows you to quickly build and style user interfaces. With Tailwind CSS, you can easily apply pre-defined classes to achieve various styles and layouts. To use the component with Tailwind CSS, follow the example below: ```jsx const content = ( <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> I am an example button </button> ); return ( <Widget src="igris.near/widget/TailwindWrapper" props={{ children: content, }} /> ); ``` In this example, a `<button>` element is defined with Tailwind CSS classes applied to it. The classes `bg-blue-500`, `hover:bg-blue-700`, `text-white`, `font-bold`, `py-2`, `px-4`, and `rounded` are used to style the button. You can modify the classes to customize the appearance and behavior of the button. Refer to the Tailwind CSS documentation for a comprehensive list of available classes and their respective styles. The component will render the button styled according to the Tailwind CSS classes applied.