@mottosports/motto-video-player 1.0.1-rc.74 → 1.0.1-rc.75

package/README.md

@@ -21,6 +21,34 @@ React video player component for the Motto platform, powered by Shaka Player wit
 npm install @motto-ui-components/motto-video-player @tanstack/react-query
 ```
 
+### Tailwind CSS Setup (Required)
+
+This package uses Tailwind CSS utility classes. You must have Tailwind CSS configured in your project:
+
+1. **Install Tailwind CSS** (if not already installed):
+```bash
+npm install -D tailwindcss
+```
+
+2. **Configure Tailwind to scan the package files**. Add this to your `tailwind.config.js`:
+```js
+module.exports = {
+  content: [
+    './src/**/*.{js,jsx,ts,tsx}',
+    // Add this line to scan the motto-video-player package
+    './node_modules/@mottosports/motto-video-player/dist/**/*.{js,mjs}'
+  ],
+  // ... rest of your config
+}
+```
+
+3. **Import Tailwind in your CSS**:
+```css
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+```
+
 ## Quick Start
 
 ### Setup QueryClient (Required for Video wrapper)