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';
  /**
   * Controls the container width below which icons are hidden to save space. Defaults to `medium`.
   * To keep icons visible in a narrow container, use a smaller breakpoint such as `xsmall`, or set to `null` to
   * always show icons.
   */
  hideIconsBreakpoint?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | null;
};
//#endregion
export { UnderlineNavProps };