export declare const tab: {
    pt: number;
    cursor: string;
    alignItems: string;
    display: string;
    outline: string;
    transform: string;
    '&.is-focused': {
        '& > span': {
            borderRadius: string;
            outline: string;
            outlineColor: string;
            outlineOffset: string;
        };
    };
    '&.is-disabled': {
        cursor: string;
    };
    '&.is-selected.is-vertical': {
        bg: string;
    };
    '& > svg': {
        flexShrink: number;
    };
    '&.is-vertical': {
        borderRadius: string;
        p: string;
        WebkitAlignItems: string;
        '& > span': {
            m: string;
            p: string;
            fontSize: string;
            color: string;
        };
        '&.is-selected': {
            borderLeft: string;
            borderLeftColor: string;
            bg: string;
            '& > span': {
                p: string;
                color: string;
            };
            '& > div': {
                border: string;
                borderBottomColor: string;
                bg: string;
                height: string;
            };
        };
        '&.is-hovered:not(.is-selected)': {
            bg: string;
        };
        '&.is-hovered.is-selected': {
            bg: string;
        };
        '&.is-focused': {
            boxShadow: string;
            outline: string;
            outlineColor: string;
            borderRadius: string;
            zIndex: number;
            '& > span': {
                outline: string;
            };
        };
    };
};
export declare const tabLine: {
    height: string;
    width: string;
    bg: string;
    flexShrink: number;
};
export declare const tabPanel: {
    outline: string;
};
export declare const tabs: {
    mb: string;
    '&.is-vertical': {
        borderRight: string;
    };
    '&.is-horizontal': {
        borderBottomWidth: number;
        borderBottomStyle: string;
        borderBottomColor: string;
        gap: string;
    };
};
export declare const menuTab: {
    color: string;
    alignItems: string;
    '&.is-selected *, &.is-hovered *': {
        color: string;
    };
    '& + *:not(div:first-of-type)': {
        ml: string;
    };
    '&.is-selected.is-vertical': {
        bg: string;
    };
    all: string;
    display: string;
};
export declare const tabPanelBody: {};