export default defineAppConfig({
  ui: {
    strategy: 'merge',
    colors: {
      primary: 'indigo',
      neutral: 'neutral',
      success: 'emerald',
      warning: 'amber',
    },
    icons: {
      loading: 'svg-spinners-180-ring',
    },
    button: {
      slots: {
        leadingIcon: 'animate-none',
      },
    },
    input: {
      slots: {
        root: 'w-full',
      },
    },
    textarea: {
      slots: {
        root: 'w-full',
      },
    },
    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',
    },
  },
})