import * as React from "react";
export declare const tabButton: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
    [x: string]: string | {
        outline: string;
        visibility?: undefined;
    } | {
        visibility: string;
        outline?: undefined;
    };
    padding: string;
    height: string;
    whiteSpace: string;
    "&:focus": {
        outline: string;
    };
}>;
export interface FileTabsProps {
    /**
     * This adds a close button next to each file with a unique trigger to close it.
     */
    closableTabs?: boolean;
    /**
     * unique id appended with active files. This is
     * used in aria-controls value along the combination of activeFile
     */
    activeFileUniqueId?: string;
}
/**
 * FileTabs is a list of all open files, the active file, and its state.
 */
export declare const FileTabs: ({ closableTabs, className, activeFileUniqueId, ...props }: FileTabsProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;