import { type Pagination, type ProductListing, type Search } from '@coveo/headless/commerce';
import { LitElement } from 'lit';
import type { InitializableComponent } from '../../../decorators/types';
import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
/**
 * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available.
 *
 * @part container - The container of the component.
 * @part showing-results - The summary displaying which products are shown and how many are available.
 * @part highlight - The highlighted number of products displayed and number of products available.
 * @part progress-bar - The progress bar displaying a percentage of products shown over the total number of products available.
 * @part load-more-results-button - The "Load more products" button.
 *
 * @cssprop --atomic-more-results-progress-bar-color-from - Color of the start of the gradient for the load more products progress bar.
 * @cssprop --atomic-more-results-progress-bar-color-to - Color of the end of the gradient for the load more products progress bar.
 */
export declare class AtomicCommerceLoadMoreProducts extends LitElement implements InitializableComponent<CommerceBindings> {
    bindings: CommerceBindings;
    error: Error;
    pagination: Pagination;
    listingOrSearch: ProductListing | Search;
    private isAppLoaded;
    private paginationState;
    private productListingOrSearchState;
    initialize(): void;
    render(): import("lit-html").TemplateResult<1>;
    private get lastProduct();
    private onClick;
    private get shouldRender();
}
declare global {
    interface HTMLElementTagNameMap {
        'atomic-commerce-load-more-products': AtomicCommerceLoadMoreProducts;
    }
}
