import { Content } from "@benev/slate";
export type Tab = {
    button: () => Content;
    panel: () => Content;
};
export declare class Tabby {
    #private;
    startIndex: number;
    on: import("@e280/stz").Sub<[number]>;
    constructor(startIndex: number);
    get activeIndex(): number;
    set activeIndex(index: number);
    goto(index: number): void;
    render(tabs: Tab[]): {
        tabs: import("lit-html/directive.js").DirectiveResult<any>;
        panel: Content;
    };
}
export declare const Tabnav: (props: [tabby: Tabby, tabs: Tab[]], meta?: Partial<{
    content: import("lit-html").TemplateResult;
    auto_exportparts: boolean;
    attrs: import("@benev/slate").ShadowAttrs;
}>) => import("lit-html/directive.js").DirectiveResult<any>;