index.d.ts

declare module 'react-carousel-query' {
    import React from 'react';
  
    interface Item {
      id: string | number;
    }

    interface GeneralProps {
      renderBadge?: () => React.ReactElement;
      renderArrow?: () => React.ReactElement;
      hideIndex?: boolean;
      showArrows?: boolean;
    }
  
    interface ReactCarouselQueryProps extends GeneralProps {
      renderItem: ({ item }: { item: Item }) => React.ReactElement;
      getData: ({ offset, limit, total }: { offset: number; limit: number, total: number }) => React.ReactElement;
      fetchStep?: number;
    }

    interface ReactCarouselProps extends GeneralProps {
      children: React.ReactElement[];
    }
  
    const ReactCarouselQuery: React.FC<ReactCarouselQueryProps>;

    const ReactCarousel: React.FC<ReactCarouselProps>;
  
    export default ReactCarouselQuery;

    export { ReactCarousel }
  }