export default defineAppConfig({
  ui: {
    primary: 'indigo',
    gray: 'neutral',
    strategy: 'merge',
    button: {
      icon: {
        loading: 'animate-none',
      },
      default: {
        loadingIcon: 'i-svg-spinners-180-ring-with-bg',
      },
    },
    notifications: {
      position: 'top-0 bottom-auto',
    },
    horizontalNavigation: {
      container: 'gap-2',
      base: 'px-3 py-4',
      after: 'after:hidden',
      active:
        'before:bg-neutral-600 hover:before:bg-neutral-600 dark:before:bg-neutral-800 dark:hover:before:bg-neutral-800 text-neutral-50 dark:text-neutral-300',
      icon: {
        active: 'text-neutral-50 dark:text-neutral-300',
      },
    },
    formGroup: {
      hint: 'text-xs',
      help: 'text-xs',
    },
  },
})