import type { Config } from 'tailwindcss'
import { isMp, isQuickapp } from '@uni-helper/uni-env'
import { basePreset, elementPlusPreset, miniprogramBasePreset } from 'tailwind-extensions'

const presets: Config['presets'] = [basePreset]
if (isMp || isQuickapp) {
  presets.push(
    miniprogramBasePreset,
  )
}
else {
  presets.push(elementPlusPreset())
}

const theme: Config['theme'] = {
  colors: {
    primary: '#4545E5',
    default: '#828282',
  },
}
if (isMp || isQuickapp)
  theme.screens = {}

const config: Config = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  presets,
  theme,
}

export default config