@oslokommune/punkt-react/dist/components/tabs/Tabs.d.ts

React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo

import { KeyboardEvent, ReactNode } from 'react';
import { TTagSkin } from '../../shared-types';
interface ITabsContext {
    arrowNav: boolean;
    registerTabRef: (index: number, el: HTMLAnchorElement | HTMLButtonElement | null, disabled?: boolean) => void;
    handleKeyPress: (index: number, event: KeyboardEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
    selectTab: (index: number) => void;
}
export declare const useTabsContext: () => ITabsContext;
export interface IPktTab {
    text: string;
    href?: string;
    action?: (index: number) => void;
    disabled?: boolean;
    icon?: string;
    controls?: string;
    tag?: {
        text: string;
        skin: TTagSkin | undefined;
    };
    active?: boolean;
}
export interface IPktTabs {
    arrowNav?: boolean;
    disableArrowNav?: boolean;
    separatorIconName?: string;
    separatorIconPath?: string;
    tabs?: IPktTab[];
    onTabSelected?: (index: number) => void;
    children?: ReactNode;
}
export declare const PktTabs: import('react').ForwardRefExoticComponent<IPktTabs & import('react').RefAttributes<HTMLDivElement>>;
export { PktTabItem } from './TabItem';