text: const colors = require('tailwindcss/colors')
  
  module.exports = {
    purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
    darkMode: 'class', // or 'media' or 'class'
    theme: {
      extend: {},
      colors: {
        transparent: 'transparent',
        current: 'currentColor',
        black: colors.black,
        white: colors.white,
        gray: colors.trueGray,
        indigo: colors.indigo,
        red: colors.rose,
        yellow: colors.amber,
        blue: colors.blue
      }
    },
    variants: {
      extend: {
        borderStyle: ['hover', 'focus'],
        display: ['group-hover', 'group-focus', 'hover', 'focus']
      },
    },
    plugins: [],
    important: true,
  }
  