/** @type {import('tailwindcss').Config} */
const { heroui } = require("@heroui/react");

module.exports = {
  content: [
    // React 组件（排除 node_modules）
    "./src/**/*.{js,jsx,ts,tsx}",
    "./public/index.html",

    // Hero UI 组件（只扫描必要的路径）
    "./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@heroui/react/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  darkMode: "class", // 支持深色模式（class 或 media）
  plugins: [heroui()],

  // 性能优化
  safelist: [
    // Hero UI 动态类名（避免被 purge）
    'bg-gradient-to-br',
    'from-blue-500',
    'to-purple-500',
    'backdrop-blur-xl',
  ],
}