import fluid, { extract, screens, fontSize } from 'fluid-tailwind'

module.exports = {
  // Define content paths for Tailwind CSS to scan for classes
  content: {
    files: [
            './src/components/**/*.{tsx}',
            './src/app/**/*.{tsx}',
        ],
    extract, // Use the extract function from fluid-tailwind
  },
  theme: {
    extend: {},
    screens, // Integrate fluid-tailwind's screens for responsive breakpoints
    fontSize, // Integrate fluid-tailwind's font sizes for fluid typography
  },
  plugins: [
    fluid, // Include the fluid-tailwind plugin
  ],
};