const defaultTheme = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
import { Inter, Playfair_Display } from 'next/font/google'
// import { nextui } from '@nextui-org/react'
// const { InternalSymbolName } = require('typescript')

/** @type {import('tailwindcss').Config} */

const withMT = require('@material-tailwind/react/utils/withMT')

module.exports = withMT({
  // module.exports = {
  content: [
    './components/**/*.{js,ts,jsx,tsx}',
    './intro-template/**/*.{js,ts,jsx,tsx}',
    './pages/**/*.{js,ts,jsx,tsx}',
    './plugins/**/*.{js,ts,jsx,tsx}',
    // './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      aspectRatio: {
        '3/2': '3/2',
      },
      fontFamily: {
        sans: ['var(--font-sans)', ...defaultTheme.fontFamily.sans],
        serif: ['var(--font-serif)', ...defaultTheme.fontFamily.serif],
        PlayfairDisplay: ['Playfair Display', ...defaultTheme.fontFamily.serif],
        Inter: ['Inter', ...defaultTheme.fontFamily.sans],
      },
      colors: {
        yellow: {
          500: '#d69e2e',
          600: '#ca8a04',
          900: '#713f12',
        },
        stone: {
          50: '#fafaf9',
          100: '#f5f5f4',
          200: '#e5e5e5',
          400: '#a8a29e',
          600: '#57534e',
          900: '#1c1917',
        },
      },
      fontSize: {
        xs: '0.7rem',
        sm: '0.75rem',
        base: '0.875rem',
        lg: '1rem',
        xl: '1.125rem',
        '2xl': '1.25rem',
        '3xl': '1.5rem',
        '4xl': '1.875rem',
        '5xl': '2.25rem',
        '6xl': '3rem',
        '7xl': '3.75rem',
        '8xl': '4.5rem',
      },
    },
  },
  plugins: [
    require('tailwind-bootstrap-grid')(),
    require('tailwindcss-animated'),
  ],
  darkMode: 'class',
  // plugins: [nextui()],
})