import {
  defineConfig,
  presetMini,
  presetWind3,
  transformerDirectives,
  transformerVariantGroup,
} from 'unocss'
export default defineConfig({
  // ...UnoCSS options
  shortcuts: [
    // [
    //   'btn',
    //   'px-4 py-1 rounded inline-block bg-teal-700 text-white cursor-pointer !outline-none hover:bg-teal-800 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50',
    // ],
    // [
    //   'icon-btn',
    //   'inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600',
    // ],
    // 放大的效果
    // ['scale-bounce', '!-translate-y-1 !scale-105 transition-all duration-300'],
    // 闪烁
    ['flash', 'transition-all duration-300 opacity-30'],
    // 水平滑动
    // ['shake-x', 'transition-all duration-300 -translate-x-1'],
    // 垂直滑动 贝塞尔曲线
    ['shake-y', 'transition-all duration-300 -translate-y-5 ease-[cubic-bezier(0.33,1,0.68,1)]'],
    // 垂直滑动
    ['highlight', 'transition-all duration-300 shadow-[0_0_10px_rgba(255,200,0,0.7)]'],
  ],
  presets: [presetMini(), presetWind3()],
  transformers: [transformerDirectives(), transformerVariantGroup()],
})
