import { defineConfig } from 'windicss/helpers'
import colors from 'windicss/colors'
import plugin from 'windicss/plugin'
export default defineConfig({
  darkMode: 'class',
  extract: {
    exclude: [
      'node_modules/**/*',
      '.git/**/*',
      'src/vendor/**',
    ],
  },
  theme: {
    container: {
      screens: {},
    },
    colors: {
      ...colors,
    },
  },
  shortcuts: {

  },
  plugins: [
    plugin(({ addComponents }) => {
      addComponents({
        '.flex-center': {
          display: 'flex',
          'align-items': 'center',
          'justify-content': 'center',
        }
      })
    }),
  ]
})
