export declare const divider: string;
export declare const tab: import("@vanilla-extract/recipes").RuntimeFn<{
    variant: {
        utila: {
            borderRadius: "8px";
            padding: "8px 16px";
        }[];
        porto: {
            borderRadius: "8px";
            padding: "8px 16px";
        }[];
    };
    state: {
        active: {};
    };
}>;
export declare const tabBorder: string;
export declare const tabContainer: import("@vanilla-extract/recipes").RuntimeFn<{
    variant: {
        default: {
            width: "200px";
        };
        utila: {};
        porto: {};
        finery: {
            height: "80px";
        };
    };
}>;
export declare const tabText: import("@vanilla-extract/recipes").RuntimeFn<{
    state: {
        selected: {};
    };
    variant: {
        default: {
            marginBottom: "16px";
        };
        utila: (string | {
            fontSize: "14px";
        })[];
        porto: (string | {
            color: `var(--${string})`;
            fontSize: "14px";
        })[];
    };
}>;
export declare const tabsContainer: import("@vanilla-extract/recipes").RuntimeFn<{
    variant: {
        default: {
            gap: "15px";
            paddingTop: "16px";
        };
        utila: {
            gap: "15px";
            padding: "8px";
            paddingLeft: "24px";
            paddingRight: "24px";
        };
        porto: {
            gap: "15px";
            padding: "16px 24px";
        };
    };
}>;
export declare const headerContainer: string;
export declare const middleItem: string;
export declare const tabsWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
    variant: {
        default: {
            justifyContent: "center";
        };
        utila: {
            justifyContent: "flex-start";
        };
        porto: {
            justifyContent: "flex-start";
        };
    };
}>;
