import { PoTabComponent, PoTabsComponent } from '../po-tabs';
/**
* @docsExtends PoTabsBaseComponent
*
* @description
*
* O componente `po-context-tabs` é responsável por agrupar [abas](/documentation/po-tab) dispostas numa linha horizontal,
* ideal para facilitar a organização de conteúdos.
*
* O componente exibirá as abas enquanto houver espaço na tela, caso a aba ultrapasse o limite da tela a mesma será agrupada em um dropdown.
*
* > As abas que estiverem agrupadas serão dispostas numa cascata suspensa que será exibida ao clicar no botão.
*
* É possível realizar a navegação entre as abas através da tecla SETAS(direita e esquerda) do teclado.
* Caso uma aba estiver desabilitada, não receberá foco de navegação.
*
* #### Boas práticas
*
* - Evite utilizar um `po-context-tabs` dentro de outro `po-context-tabs`;
* - Evite utilizar uma quantidade excessiva de abas, pois irá gerar um *scroll* muito longo no `dropdown`;
* - Evite `labels` extensos para as `tabs` pois podem quebrar seu *layout*, use `labels` diretas, curtas e intuitivas.
*
*
* @example
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*/
export declare class PoContextTabsComponent extends PoTabsComponent {
byQuantityFunction: number;
initialTabsWidth: any[];
private sumOfWidth;
get isShowTabDropdown(): boolean;
get overflowedTabs(): any;
get tabs(): any;
closeTab(tab: PoTabComponent): void;
onChangeVisibilityTab(tab: PoTabComponent): void;
private afterRemoveTab;
calculateTabs(initializeCalculation?: boolean): void;
updateTabsState(initialState?: boolean, tabs?: PoTabComponent): void;
private checkChangesTabs;
onTabActiveByDropdown(tab: PoTabComponent, eventEmitter?: boolean): void;
/**
* Função que atribui o número de tabs fora do dropdown.
*
* Para utilizá-la é necessário ter a instância do componente no DOM, podendo ser utilizado o ViewChild da seguinte forma:
*
* ```
* import { PoContextTabsComponent } from '@po-ui/ng-components';
*
* ...
*
* @ViewChild('poContextTabs', { static: true }) poContextTabs: PoContextTabsComponent;
*
* changeQuantityTabs() {
* this.poContextTabs.setQuantityTabsButton(1); //Número de context-tabs
* }
* ```
*/
setQuantityTabsButton(number: number): void;
}