export declare const tabsTheme: {
    baseStyle?: {
        tabpanel: {
            p: number;
        };
    } | undefined;
    sizes?: {
        /** For sizes here, aim for consistency with `Button.tsx` and `SegmentedButton.tsx`  */
        "2xs": {
            tab: {
                pt: number;
                pb: string;
                px: number;
                fontSize: string;
                fontWeight: string;
                lineHeight: string;
            };
        };
        md: {
            tab: {
                pt: number;
                pb: string;
                px: number;
                fontSize: string;
                fontWeight: string;
                lineHeight: string;
            };
        };
    } | undefined;
    variants?: {
        default: () => {
            tab: {
                px: number;
                position: string;
                color: string;
                transitionDuration: number;
                _hover: {
                    "::after": {
                        opacity: number;
                        transitionDuration: string;
                    };
                };
                _selected: {
                    color: string;
                    bg: string;
                    "::after": {
                        opacity: number;
                    };
                };
                _after: {
                    opacity: number;
                    content: string;
                    position: string;
                    left: number;
                    bottom: number;
                    right: number;
                    height: string;
                    backgroundColor: string;
                    borderTopLeftRadius: string;
                    borderTopRightRadius: string;
                    transitionProperty: string;
                };
            };
            tablist: {
                px: number;
                borderBottom: string;
                borderColor: string;
            };
        };
        fill: () => {
            tab: {
                flex: number;
                px: number;
                _after: {
                    left: number;
                    right: number;
                    opacity: number;
                    content: string;
                    position: string;
                    bottom: number;
                    height: string;
                    backgroundColor: string;
                    borderTopLeftRadius: string;
                    borderTopRightRadius: string;
                    transitionProperty: string;
                };
                position: string;
                color: string;
                transitionDuration: number;
                _hover: {
                    "::after": {
                        opacity: number;
                        transitionDuration: string;
                    };
                };
                _selected: {
                    color: string;
                    bg: string;
                    "::after": {
                        opacity: number;
                    };
                };
            };
            tablist: {
                px: number;
                borderBottom: string;
                borderColor: string;
            };
        };
    } | undefined;
    defaultProps?: {
        size?: "md" | "2xs" | undefined;
        variant?: "fill" | "default" | undefined;
        colorScheme?: string | undefined;
    } | undefined;
    parts: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
};