/** @type {import('tailwindcss').Config} */
const { createThemes } = require('@shadcn/ui');

module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx}',
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      transitionProperty: {
        'width': 'width',
        'spacing': 'margin, padding',
      },
    },
  },
  plugins: [
    createThemes({
      light: {
        background: '#ffffff',
        foreground: '#171717',
      },
      dark: {
        background: '#0a0a0a',
        foreground: '#ededed',
      },
    }),
    require('tailwindcss/plugin')({
      darkMode: 'class',
    }),
  ],
  darkMode: 'class',
}