import { Offer, Category, Currency } from './interfaces';
/**
 * `salla-offer` is a StencilJS component that displays offers, categories, products, banks, and discount information.
 * It uses the `salla-slider` component for carousel functionality.
 *
 * @slot category - The slot for customizing the category entry layout.
 *
 * @csspart custom - Custom CSS part to target specific elements in the component.
 *
 * @example
 * <salla-offer product-id="123"></salla-offer>
 */
export declare class SallaOffer {
  constructor();
  /**
   * Custom Card Component for the Salla Products List.
   *
   * This component allows you to customize the appearance of individual product cards within a Salla Products List.
   *
   * @example
   * <salla-products-list product-card-component="my-custom-card-style1" ...
   * <salla-products-list product-card-component="my-custom-card-style2" ...
   */
  productCardComponent: string;
  offersList: Offer[];
  userCurrency: Currency;
  isMultipleBank: boolean;
  title?: string;
  currentPage: string;
  hasCustomComponent: boolean;
  isBankOffer: boolean;
  canRender: boolean;
  showOffer: boolean;
  offer_with_price_text: string;
  with_discount_text: string;
  product_discount_text: string;
  special_offer_text: string;
  multipleBankOfferTitleText: string;
  multipleBankOfferTitleDescription: string;
  buy_quantity_text: (quantity: number) => string;
  host: HTMLElement;
  private categorySlot;
  private getEndpointByPageName;
  componentWillLoad(): Promise<void>;
  componentDidLoad(): void;
  findCategories(categories: Category[], ids: any[]): Category[];
  getStorageKey(): string;
  getOffersFromStorage(): null | Promise<Offer[]>;
  render(): any;
  private renderSectionForOfferType;
  /**
   * Generates content for the categories section.
   *
   * @param offeredCategories - An array of Category objects.
   * @returns An array of HTML elements representing categories.
   */
  private getCategoriesSection;
  private renderBuyXGetYSection;
  /**
   * Generates content for the bank section.
   *
   * @param offeredBank - An array of Bank objects.
   * @param name - The title of the current offer.
   * @param description - The description of the current offer.
   * @returns An array of HTML elements representing banks.
   *
   * TODO: loop over the list and filter bank types and pass it to this function
   */
  private renderBankSection;
  private generateBankDescription;
  /**
   * Generates content for the discount table section.
   *
   * @param discountTable - An array of Discount objects.
   * @returns An array of HTML elements representing discounts_table.
   */
  private renderDiscountTableSection;
}