import { Tabs as RadixTabs } from 'radix-ui';
import { ReactNode, Ref } from 'react';
import { ConfiguredPopoverComponent } from './TabsPopoverAbstraction';
export interface TabsTriggerProps extends RadixTabs.TabsTriggerProps {
    /**
     * A unique value that associates the trigger with a content.
     */
    value: string;
    /**
     * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
     * @default false
     */
    asChild?: boolean;
    /**
     * When true, prevents the user from interacting with the tab.
     * @default false
     */
    disabled?: boolean;
    /**
     * Function that receives a pre-configured Popover component and returns the popover structure.
     * @example
     * renderMenu={({ Popover }) => (
     *   <Popover>
     *     <Popover.Trigger aria-label="Options">
     *       <CustomIcon />
     *     </Popover.Trigger>
     *     <Popover.Content>
     *       <Button>Action</Button>
     *     </Popover.Content>
     *   </Popover>
     * )}
     */
    renderMenu?: (props: {
        Popover: ConfiguredPopoverComponent;
    }) => ReactNode;
    ref?: Ref<HTMLButtonElement>;
}
export declare const TabsTrigger: {
    ({ asChild, value, disabled, children, className, ref, onKeyDown, renderMenu, ...rest }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
