export const integrationSidebarNavItemClassName =
  'flex h-8 w-full items-center gap-2 rounded-lg py-1 pr-1 pl-2 text-left system-sm-medium outline-hidden transition-colors focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-state-accent-solid'
export const integrationSidebarActiveNavItemClassName =
  'bg-state-base-active text-components-menu-item-text-active'
export const integrationSidebarInactiveNavItemClassName =
  'text-components-menu-item-text hover:bg-state-base-hover hover:text-components-menu-item-text-hover data-popup-open:bg-state-base-hover data-popup-open:text-components-menu-item-text-hover'
export const integrationSidebarDisabledNavItemClassName =
  'cursor-not-allowed text-components-menu-item-text-disabled'
