export declare const createStyles: () => {
    container: {
        flex: number;
        backgroundColor: string;
    };
    searchBarContainer: {
        flexDirection: "row";
        alignItems: "center";
        paddingHorizontal: number;
        paddingVertical: number;
    };
    backButton: {
        paddingRight: number;
        paddingVertical: number;
    };
    searchBarWrapper: {
        flex: number;
    };
    contentContainer: {
        flex: number;
        paddingHorizontal: number;
    };
    sectionHeader: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
        marginTop: number;
        marginBottom: number;
    };
    sectionTitle: {
        fontSize: number;
        fontWeight: "bold";
        color: string;
    };
    sectionActions: {
        flexDirection: "row";
        alignItems: "center";
        gap: number;
    };
    actionButton: {
        padding: number;
    };
    clearText: {
        fontSize: number;
        color: string;
    };
    tagsContainer: {
        flexDirection: "row";
        flexWrap: "wrap";
        gap: number;
    };
    tag: {
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        borderRadius: number;
    };
    tagText: {
        fontSize: number;
        color: string;
    };
    tagWithDelete: {
        flexDirection: "row";
        alignItems: "center";
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        borderRadius: number;
    };
    deleteIcon: {
        marginLeft: number;
    };
};