export declare const createStyles: (theme?: "light" | "dark", gap?: number) => {
    verticalContainer: {
        backgroundColor: string;
        borderRadius: number;
        overflow: "hidden";
    };
    verticalImage: {
        width: "100%";
        aspectRatio: number;
        resizeMode: "cover";
    };
    verticalContent: {
        padding: number;
    };
    horizontalContainer: {
        flexDirection: "row";
        backgroundColor: string;
        borderRadius: number;
        overflow: "hidden";
        padding: number;
    };
    horizontalImage: {
        width: number;
        height: number;
        borderRadius: number;
        resizeMode: "cover";
    };
    horizontalContent: {
        flex: number;
        marginLeft: number;
        justifyContent: "space-between";
    };
    gridContainer: {
        backgroundColor: string;
        borderRadius: number;
        overflow: "hidden";
    };
    gridImage: {
        width: "100%";
        aspectRatio: number;
        resizeMode: "cover";
    };
    gridContent: {
        padding: number;
    };
    waterfallContainer: {
        backgroundColor: string;
        borderRadius: number;
        overflow: "hidden";
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
        elevation: number;
    };
    waterfallImage: {
        width: "100%";
        aspectRatio: number;
        resizeMode: "cover";
    };
    waterfallContent: {
        padding: number;
        paddingBottom: number;
    };
    listContainer: {
        flexDirection: "row";
        backgroundColor: string;
        paddingVertical: number;
        paddingHorizontal: number;
        borderBottomWidth: number;
        borderBottomColor: string;
    };
    listImage: {
        width: number;
        height: number;
        borderRadius: number;
        resizeMode: "cover";
    };
    listContent: {
        flex: number;
        marginLeft: number;
    };
    cartContainer: {
        flexDirection: "row";
        backgroundColor: string;
        paddingVertical: number;
        paddingHorizontal: number;
        alignItems: "flex-start";
    };
    checkboxContainer: {
        justifyContent: "flex-start";
        alignItems: "center";
        marginRight: number;
        paddingTop: number;
        height: number;
    };
    checkbox: {
        width: number;
        height: number;
        borderRadius: number;
        borderWidth: number;
        borderColor: string;
        backgroundColor: string;
        alignItems: "center";
        justifyContent: "center";
    };
    checkboxActive: {
        borderColor: string;
        backgroundColor: string;
    };
    checkboxInner: {
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
    };
    checkboxIcon: {
        color: string;
        fontSize: number;
    };
    cartImageSection: {
        position: "relative";
        alignItems: "flex-start";
    };
    cartImage: {
        width: number;
        height: number;
        borderRadius: number;
        resizeMode: "cover";
    };
    cartContent: {
        flex: number;
        marginLeft: number;
        justifyContent: "flex-start";
    };
    cartTopSection: {};
    cartTagsContainer: {
        flexDirection: "row";
        flexWrap: "wrap";
        gap: number;
    };
    cartTag: {
        paddingHorizontal: number;
        paddingVertical: number;
        borderRadius: number;
        backgroundColor: string;
        borderWidth: number;
        borderColor: string;
    };
    cartTagText: {
        fontSize: number;
        color: string;
    };
    skuContainer: {
        flexDirection: "row";
        alignItems: "center";
        paddingVertical: number;
    };
    skuText: {
        fontSize: number;
        color: string;
    };
    skuArrow: {
        marginLeft: number;
    };
    cartBottomSection: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
        marginTop: "auto";
    };
    deleteButton: {
        padding: number;
        marginLeft: number;
    };
    cartBottomExtra: {
        paddingTop: number;
        marginTop: number;
    };
    quantityTextContainer: {
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        borderRadius: number;
    };
    quantityText: {
        fontSize: number;
        color: string;
    };
    gapXs: {
        marginTop: number;
    };
    gapSm: {
        marginTop: number;
    };
    gapMd: {
        marginTop: number;
    };
    gapLg: {
        marginTop: number;
    };
    title: {
        fontSize: number;
        fontWeight: "500";
        color: string;
        lineHeight: number;
    };
    titleTwoLines: {
        height: number;
    };
    subtitle: {
        fontSize: number;
        color: string;
        lineHeight: number;
    };
    priceContainer: {
        flexDirection: "row";
        alignItems: "center";
    };
    pricePrefix: {
        fontSize: number;
        color: string;
        fontWeight: "600";
    };
    priceValue: {
        fontSize: number;
        color: string;
        fontWeight: "700";
    };
    priceSuffix: {
        fontSize: number;
        color: string;
    };
    originalPrice: {
        fontSize: number;
        color: string;
        textDecorationLine: "line-through";
        marginLeft: number;
    };
    tagsContainer: {
        flexDirection: "row";
        flexWrap: "wrap";
        gap: number;
    };
    tag: {
        paddingHorizontal: number;
        paddingVertical: number;
        borderRadius: number;
        backgroundColor: string;
    };
    tagOutline: {
        backgroundColor: string;
        borderWidth: number;
        borderColor: string;
    };
    tagText: {
        fontSize: number;
        color: string;
    };
    infoContainer: {
        flexDirection: "row";
        alignItems: "center";
    };
    salesText: {
        fontSize: number;
        color: string;
    };
    ratingContainer: {
        flexDirection: "row";
        alignItems: "center";
    };
    ratingStar: {
        fontSize: number;
        color: string;
    };
    ratingText: {
        fontSize: number;
        color: string;
        marginLeft: number;
    };
    reviewCount: {
        fontSize: number;
        color: string;
        marginLeft: number;
    };
    shopName: {
        fontSize: number;
        color: string;
    };
    buttonsContainer: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
    };
    buyButton: {
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        borderRadius: number;
    };
    buyButtonText: {
        fontSize: number;
        color: string;
        fontWeight: "500";
    };
    favoriteButton: {
        padding: number;
    };
    favoriteIcon: {
        fontSize: number;
    };
    favoriteActive: {
        color: string;
    };
    favoriteInactive: {
        color: string;
    };
    badge: {
        position: "absolute";
        top: number;
        left: number;
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        borderBottomRightRadius: number;
    };
    badgeText: {
        fontSize: number;
        color: string;
        fontWeight: "600";
    };
    outOfStockOverlay: any;
    outOfStockText: {
        fontSize: number;
        color: string;
        fontWeight: "600";
    };
    rightExtraContainer: {
        marginLeft: number;
        justifyContent: "center";
    };
    footerContainer: {
        marginTop: number;
    };
};
export default createStyles;