import { ReactNode } from "react";
import { TabListProps as RTabListProps, TabPanelProps as RTabPanelProps, TabProps as RTabProps, TabsProps as RTabsProp } from "react-tabs";
import { BoxProps } from "./Box";
import { SystemColorNames } from "./system/types";
export declare type TabProps = {
    children: ReactNode;
} & Omit<RTabProps, "ref">;
export declare const Tab: {
    ({ children, ...props }: TabProps): import("@emotion/react/jsx-runtime").JSX.Element;
    tabsRole: string;
};
export declare type TabsProps = RTabsProp;
export declare const Tabs: import("react").FunctionComponent<RTabsProp>;
export declare type TabListProps = Omit<RTabListProps, "ref"> & {
    tone?: SystemColorNames;
    inverted?: boolean;
};
export declare const TabList: import("@emotion/styled").StyledComponent<RTabListProps & {
    theme?: import("@emotion/react").Theme | undefined;
} & Omit<RTabListProps, "ref"> & {
    tone?: SystemColorNames | undefined;
    inverted?: boolean | undefined;
}, {}, {}>;
export declare type TabPanelProps = {} & Omit<RTabPanelProps, "ref"> & Pick<BoxProps, "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingX" | "paddingY" | "p" | "pb" | "pl" | "pr" | "px" | "pt" | "py">;
export declare const TabPanel: {
    ({ children, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, paddingX, paddingY, p, pb, pl, pr, pt, px, py, ...props }: TabPanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
    tabsRole: string;
};