## Using the Component with DaisyUI (Tailwind CSS Plugin) This component supports **DaisyUI**, a plugin for **Tailwind CSS** that provides additional utility classes and components. DaisyUI extends Tailwind CSS with more styling options, making it even easier to create beautiful user interfaces. To use the component with DaisyUI, follow the example below: ```jsx let content = ( <div> <button className="btn">Button</button> <button className="btn btn-neutral">Neutral</button> <button className="btn btn-primary">Button</button> <button className="btn btn-secondary">Button</button> <button className="btn btn-accent">Button</button> <button className="btn btn-ghost">Button</button> <button className="btn btn-link">Button</button> </div> ); return ( <Widget src="igris.near/widget/DaisyUIWrapper" props={{ children: content, daisyUiTheme: "synthwave", }} /> ); ``` In this example, a `<div>` element is defined with multiple buttons using DaisyUI classes. The classes `btn`, `btn-neutral`, `btn-primary`, `btn-secondary`, `btn-accent`, `btn-ghost`, and `btn-link` are used to style the buttons. You can modify the classes to customize the appearance and behavior of the buttons. Refer to the DaisyUI documentation for a comprehensive list of available classes and their respective styles. Ensure that you have DaisyUI installed and configured as a plugin for your Tailwind CSS setup. If you haven't set up DaisyUI yet, please refer to the official DaisyUI documentation for instructions on installation and configuration. Once you have the component and DaisyUI set up, save the file and run your application. The component will render the buttons styled according to the DaisyUI classes applied, and the `daisyUiTheme` prop is set to "synthwave" to apply the specified theme. **Note:** Make sure your application has the necessary CSS styles and configurations to support DaisyUI and the selected theme.