import { EventEmitter } from '../../stencil-public-runtime';
import Swiper from 'swiper';
export declare class AkordSwiper {
  /**
   * Slides per view
   */
  size: number | 'auto';
  /**
   * Slides per group
   */
  slidesPerGroup: number;
  /**
   * Space between each slide
   */
  spaceBetween: number;
  /**
   * Boolean to determine if pagination should be shown
   */
  showPagination: boolean;
  /**
 * Boolean to determine if navigation arrows should be shown next to pagination fraction
 */
  navigationPosition: 'center' | 'bottom';
  /**
   * Boolean to determine if slides should be displayed in a loop
   */
  loop: boolean;
  /**
   * If true, then active slide will be centered, not always on the left side.
   */
  centeredSlides: boolean;
  /**
   * Add (in px) additional slide offset in the beginning of the container (before all slides)
   */
  slidesOffsetBefore: number;
  /**
   * Add (in px) additional slide offset in the end of the container (after all slides)
   */
  slidesOffsetAfter: number;
  /**
   * JSON string which will be parsed as breakpoint option
   */
  breakpoints: string;
  activeSlideChanged: EventEmitter<number>;
  el: HTMLElement;
  swiper: Swiper;
  getCurrentSlide(): Promise<number>;
  componentDidLoad(): void;
  componentDidUpdate(): void;
  initSwiper(): void;
  renderNavigationArrows(): any[];
  render(): any;
}
