import { PropertyValueMap } from "lit";
import { FRoot } from "../../mixins/components/f-root/f-root";
import { FDiv } from "../f-div/f-div";
export type FTabNodeWidthProp = "fill" | "hug-content" | `${number}`;
export declare class FTab extends FRoot {
    /**
     * css loaded from scss file
     */
    static styles: import("lit").CSSResult[];
    /**
     * id selecteor for f-tab-section
     */
    tabSection: FDiv;
    /**
     * local state for showing and vanishing scroll-icons
     */
    showScrollIcons: boolean;
    /**
     * localState to check whether on overflow, scroll exists or not
     */
    isOverflowing: boolean;
    /**
     * @attribute Variants are various representations of f-tab. f-tab can have filled tabs, or transparent tabs.
     */
    variant?: "fill" | "transparent" | "no-border";
    /**
     * @attribute Vertical tabs can be enabled using direction property. By default tabs are horizontal.
     */
    direction: "horizontal" | "vertical";
    /**
   * @attribute The alignment property aligns a f-tab content with respect to the parent container.
For horizontal f-tab, content can align to left, center, or right.
For vertical f-tab, content can align to top, middle, or bottom.
   */
    alignment?: "left" | "right" | "center" | "top" | "bottom" | "middle";
    /**
     * @attribute width of `f-tab-node`
     */
    nodeWidth?: FTabNodeWidthProp;
    /**
     * return alignment of the tabs according to the scroll-bar and directions+alignment conditions.
     */
    get tabsAlignment(): "top-left" | "top-center" | "top-right" | "middle-left" | "bottom-left";
    /**
     *
     * @param e MouseEvtn
     * @param position name of the position
     * @param positionValue value of the position
     */
    handleScroll(e: MouseEvent, position: "left" | "top", positionValue: number): void;
    /**
     * @return return true/false according to the scroll present in the tab view or not.
     */
    checkOverflowing(): boolean;
    render(): import("lit-html").TemplateResult<1>;
    protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
}
/**
 * Required for typescript
 */
declare global {
    interface HTMLElementTagNameMap {
        "f-tab": FTab;
    }
}
