import Tailwind from '../base/tailwind-base';
/**
 * @tag plus-tab
 * @summary Tab component that represents a single tab in a tab group.
 *
 * @slot - The default slot for tab content
 * @slot prefix - Content to be placed before the tab content
 * @slot suffix - Content to be placed after the tab content
 *
 * @csspart tab - The component's base wrapper
 *
 * @cssproperty --text-color - Controls the text color of the tab
 * @cssproperty --active-color - Controls the color of the active indicator
 * @cssproperty --bg-default - Controls the default background color
 * @cssproperty --bg-hovered - Controls the background color when hovered
 *
 * @example
 * ```html
 * <plus-tab value="tab1">Tab 1</plus-tab>
 * ```
 */
export default class PlusTab extends Tailwind {
    static styles: import("lit").CSSResult[];
    /**
     * Sets the value of the tab, used for identification and selection
     */
    value: string;
    /**
     * Indicates if the tab is currently selected
     * @default false
     */
    active: boolean;
    /**
     * Sets the size of the tab
     * - sm: Small size
     * - md: Medium size
     * - lg: Large size
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * Disables the tab interaction
     * @default false
     */
    disabled: boolean;
    /**
     * Sets the orientation of the tabs
     * - horizontal: Tabs arranged horizontally
     * - vertical: Tabs arranged vertically
     * @default 'horizontal'
     */
    orientation: 'horizontal' | 'vertical';
    /**
     * Icon name to display before the tab content
     */
    prefixIcon?: string;
    /**
     * Icon name to display after the tab content
     */
    suffixIcon?: string;
    /**
     * Enables the dismiss button to remove the tab
     * @default false
     */
    dismissible: boolean;
    /**
     * Truncates the text if it's too long
     * @default false
     */
    truncate: boolean;
    /**
     * Use animated indicator instead of border for active tab
     * This is controlled by the parent tab-group
     * @default false
     */
    animated: boolean;
    constructor();
    private handleClick;
    private handleDismiss;
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusTab };
//# sourceMappingURL=tab.d.ts.map