export default defineAppConfig({
  ui: {
    link: {
      variants: {
        active: {
          true: 'text-primary',
          false: 'text-neutral',
        },
      },
      compoundVariants: [
        {
          active: false,
          disabled: false,
          class: 'hover:text-primary',
        },
      ],
    },
    colors: {
      primary: 'gimblet',
      secondary: 'stone',
      neutral: 'sandstone',
    },
    separator: {
      defaultVariants: {
        color: 'primary',
      },
    },
    button: {
      defaultVariants: {
        size: 'lg',
      },
    },
  },
  ux: {
    typography: {
      variants: {
        type: {
          page: {
            base: 'text-5xl',
          },
          link: {
            base: 'text-base',
          },
        },
        color: {
          neutral: {
            base: 'text-neutral-700',
          },
        },
      },
    },
    textIcons: {
      slots: {
        base: 'fgap-1',
        icons: 'fgap-1 text-neutral',
      },
    },
    containerHeroContentButton: {
      slots: {
        grid: 'rgap-2',
      },
    },
    scaffoldContent: {
      slots: {
        content: 'rpx-2',
      },
    },
    scaffoldIconButton: {
      base: 'text-neutral-700',
    },
    scaffoldSimpleHeader: {
      slots: {
        background: 'bg-neutral-200 shadow',
        container: 'text-neutral-700 rpy-1.5 fgap-2',
        brand: 'fgap-2',
        navigationList: 'fgap-2',
        separator: '',
      },
    },
    scaffoldHeaderNew: {
      slots: {
        background: 'w-full h-full bg-neutral-200',
        container: 'rpy-1.5 fgap-2',
        switchers: 'fgap-2',
        separatorList: 'fgap-2',
      },
    },
    scaffoldNavigationLinkList: {
      slots: {
        base: '',
        list: 'fgap-2',
        item: '',
        link: '',
      },
    },
    scaffoldMenuModal: {
      slots: {
        wrapper: '',
        overlay: 'bg-black/75',
        content: 'rpy-2 bg-elevated border-neutral-200 rm-2',
      },
    },
    containerButtons: {
      slots: {
        base: 'fgap-1',
      },
    },
    contactDetailGroup: {
      slots: {
        base: 'fgap-0.5',
      },
    },
    footerCopyrightLegal: {
      slots: {
        base: 'fgap-0.5',
        links: 'fgap-1',
      },
    },
    containerPair: {
      slots: {
        container: 'rgap-2',
      },
    },
    gridIconLabelDetail: {
      slots: {
        base: 'rgap-2',
        item: 'rgap-1',
        icon: 'mt-0.75 text-primary',
        label: '',
        detail: '',
      },
    },
    contactForm: {
      slots: {
        base: 'fgap-1',
      },
    },
  },
})
