import React from 'react';
import { FlintTab as FlintTabElement } from '@getufy/flint-ui/tabs/flint-tabs';
export interface FlintTabCloseDetail {
    value: string;
}
/**
 * Tab: an individual tab button within a tab list.
 */
export interface FlintTabProps extends React.HTMLAttributes<FlintTabElement> {
    /** Unique identifier for this tab. */
    value?: string;
    /** Whether the tab is disabled. */
    disabled?: boolean;
    /** Whether the tab is currently selected. */
    selected?: boolean;
    /** Whether the tab shows a close button. */
    closable?: boolean;
    /**
     * Position of the icon slot relative to the label.
     * Allowed values: 'top' | 'bottom' | 'start' | 'end'
     */
    iconPosition?: 'top' | 'bottom' | 'start' | 'end';
    /** URL to navigate to, renders the tab as a link. */
    href?: string;
    /** Whether the tab stretches to fill available width. */
    fullWidth?: boolean;
    /**
     * Fired when the tab is clicked or activated via keyboard.
     * DOM event: `flint-tab-click`
     */
    onFlintTabClick?: (event: CustomEvent) => void;
    /**
     * Fired when the close button is clicked. detail: `{ value: string }`
     * DOM event: `flint-tab-close`
     */
    onFlintTabClose?: (event: CustomEvent<FlintTabCloseDetail>) => void;
}
export declare const FlintTab: React.ForwardRefExoticComponent<FlintTabProps & React.RefAttributes<FlintTabElement>>;