import type { ComponentSize, SurfaceVariant, ThemeColor } from '../../types';
export type OreTabItemProps = {
/** Whether this tab is currently selected (set by ore-tabs) */
active?: boolean;
/** Theme color (inherited from ore-tabs) */
color?: ThemeColor;
/** Disable this tab */
disabled?: boolean;
/** Size (inherited from ore-tabs) */
size?: ComponentSize;
/** Unique value identifier — must match a ore-tab-panel value */
value: string;
/** Visual variant (inherited from ore-tabs) */
variant?: SurfaceVariant;
};
/**
* Individual tab trigger. Must be placed in the `tabs` slot of `ore-tabs`.
*
* @element ore-tab-item
*
* @attr {string} value - Unique identifier, matches the corresponding ore-tab-panel value
* @attr {boolean} active - Set by the parent ore-tabs when this tab is selected
* @attr {boolean} disabled - Prevents selection
* @attr {string} size - 'sm' | 'md' | 'lg'
* @attr {string} variant - Inherited from ore-tabs: 'solid' | 'flat' | 'bordered' | 'ghost' | 'glass' | 'frost'
* @attr {string} color - Inherited from ore-tabs: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
*
* @slot prefix - Icon or content before the label
* @slot - Tab label
* @slot suffix - Badge or count after the label
*
* @cssprop --tab-item-radius - Button border radius
* @cssprop --tab-item-transition - Transition duration/easing
* @cssprop --tab-item-padding - Button padding
* @cssprop --tab-item-font-size - Button font size
* @cssprop --tab-item-color - Default text color
* @cssprop --tab-item-hover-bg - Background on hover
* @cssprop --tab-item-active-bg - Background when active/selected
* @cssprop --tab-item-active-color - Text color when active/selected
* @cssprop --tab-item-active-shadow - Box shadow when active/selected
* @part tab - Tab trigger element.
* @example
* ```html
* Overview
* Settings
* ```
*/
export declare const TAB_ITEM_TAG: "ore-tab-item";
//# sourceMappingURL=tab-item.d.ts.map