
import { CubeItemButtonProps } from "../../actions/ItemButton/ItemButton.js";
import { TabSize } from "./types.js";
import * as react from "react";
import * as _react_types_shared0 from "@react-types/shared";

//#region src/components/navigation/Tabs/TabsAction.d.ts
interface CubeTabsActionProps extends Omit<CubeItemButtonProps, 'size' | 'shape'> {
  /**
   * Size of the action button.
   * When used inside Tabs prefix/suffix, inherits from Tabs size by default.
   */
  size?: TabSize;
}
/**
 * Action button designed for the Tabs prefix/suffix slots.
 *
 * Styled with sharp edges and no border to match the TabPicker trigger.
 * When multiple TabsAction components are placed together, they automatically
 * display dividers between them using CSS :not(:first-child) border styling
 * (only for file tab type).
 *
 * Inherits size from the parent Tabs component when used inside prefix/suffix slots.
 *
 * @example
 * <Tabs suffix={<Tabs.Action icon={<PlusIcon />} onPress={handleAdd} />}>
 *   <Tab key="tab1" title="Tab 1">Content</Tab>
 * </Tabs>
 *
 * @example
 * // Multiple actions with automatic dividers
 * <Tabs
 *   suffix={
 *     <>
 *       <Tabs.Action icon={<PlusIcon />} onPress={handleAdd} />
 *       <Tabs.Action icon={<SettingsIcon />} onPress={handleSettings} />
 *     </>
 *   }
 * >
 *   <Tab key="tab1" title="Tab 1">Content</Tab>
 * </Tabs>
 */
declare const TabsAction: react.ForwardRefExoticComponent<Omit<CubeTabsActionProps, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
//#endregion
export { CubeTabsActionProps, TabsAction };
//# sourceMappingURL=TabsAction.d.ts.map