import React from "react";

//#region src/UnderlineNav/UnderlineNav.d.ts
type UnderlineNavProps = {
  children: React.ReactNode;
  'aria-label'?: React.AriaAttributes['aria-label'];
  as?: React.ElementType;
  className?: string;
  /**
   * loading state for all counters. It displays loading animation for individual counters (UnderlineNav.Item) until all are resolved. It is needed to prevent multiple layout shift.
   */
  loadingCounters?: boolean;
  /**
   * There are cases where you may not want the horizontal padding on items,
   * and panels to make the tabs look horizontally aligned with the content above and below it.
   * Setting this to `flush` will remove the horizontal padding on the items.
   */
  variant?: 'inset' | 'flush';
};
//#endregion
export { UnderlineNavProps };