import React from 'react';
import { FlintTabs as FlintTabsElement } from '@getufy/flint-ui/tabs/flint-tabs';
export interface FlintTabChangeDetail {
    value: string;
}
/**
 * Tabs: container that coordinates tab selection and panel visibility.
 */
export interface FlintTabsProps extends Omit<React.HTMLAttributes<FlintTabsElement>, 'defaultValue'> {
    /** Current active tab value (controlled). When set, the component reflects this value and does not manage its own state. */
    value?: string;
    /**
     * Layout direction of the tabs.
     * Allowed values: 'horizontal' | 'vertical'
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * Display variant controlling tab sizing and scrollability.
     * Allowed values: 'standard' | 'fullWidth' | 'scrollable'
     */
    variant?: 'standard' | 'fullWidth' | 'scrollable';
    /** Whether to center the tabs. */
    centered?: boolean;
    /**
     * Whether to show scroll buttons in scrollable mode.
     * Allowed values: 'auto' | 'false'
     */
    scrollButtons?: 'auto' | 'false';
    /** Text color: 'primary' | 'secondary' | 'inherit' | any CSS color. */
    textColor?: string;
    /** Indicator color: 'primary' | 'secondary' | any CSS color. */
    indicatorColor?: string;
    /** Initial value (uncontrolled). Only used on first render; ignored after mount. */
    defaultValue?: string;
    /**
     * Where the tab list is placed relative to the panels.
     * Allowed values: 'top' | 'bottom' | 'start' | 'end'
     */
    placement?: 'top' | 'bottom' | 'start' | 'end';
    /**
     * Tab activation mode.
     * Allowed values: 'automatic' | 'manual'
     */
    activation?: 'automatic' | 'manual';
    /**
     * Fired when the active tab changes. detail: `{ value: string }`
     * DOM event: `flint-tab-change`
     */
    onFlintTabChange?: (event: CustomEvent<FlintTabChangeDetail>) => void;
}
export declare const FlintTabs: React.ForwardRefExoticComponent<FlintTabsProps & React.RefAttributes<FlintTabsElement>>;