import React from 'react';
export interface TyTabsProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
    /** Content area width (accepts px or %) */
    width?: string;
    /** Total container height including buttons */
    height?: string;
    /** ID of currently active tab */
    active?: string;
    /** Position of tab buttons */
    placement?: 'top' | 'bottom';
    /** Tab change event handler */
    onChange?: (event: CustomEvent<TabChangeDetail>) => void;
    /** Tabs content (TyTab components) */
    children?: React.ReactNode;
}
export interface TabChangeDetail {
    activeId: string;
    activeIndex: number;
    previousId: string | null;
    previousIndex: number | null;
}
export declare const TyTabs: React.ForwardRefExoticComponent<TyTabsProps & React.RefAttributes<HTMLElement>>;
//# sourceMappingURL=TyTabs.d.ts.map