@digital-b2c/coreui-kit 0.11.16 → 0.11.17

package/dist/index.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ImgHTMLAttributes, AnchorHTMLAttributes, ReactNode, Ref, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, JSX, FC, CSSProperties } from 'react';
 
@@ -115,7 +114,7 @@ interface BrandsStripProps {
     size?: 'small';
 }
 
-declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
+declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react.JSX.Element;
 
 declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton"];
 type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
@@ -155,11 +154,11 @@ interface CardProps {
 }
 
 declare const Card: {
-    ({ className, variant, title, subtitle, cta, icon, logo, children, ref, }: CardProps): react_jsx_runtime.JSX.Element;
+    ({ className, variant, title, subtitle, cta, icon, logo, children, ref, }: CardProps): react.JSX.Element;
     displayName: string;
 } & {
-    Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: CardSubtitleProps) => react_jsx_runtime.JSX.Element;
+    Title: ({ children }: CardTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: CardSubtitleProps) => react.JSX.Element;
 };
 
 type CountingCardTitleProps = {
@@ -174,8 +173,8 @@ interface CountingCardProps {
     children?: ReactNode;
 }
 
-declare const CountingCard: (({ className, title, count, image, children }: CountingCardProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: CountingCardTitleProps) => react_jsx_runtime.JSX.Element;
+declare const CountingCard: (({ className, title, count, image, children }: CountingCardProps) => react.JSX.Element) & {
+    Title: ({ children }: CountingCardTitleProps) => react.JSX.Element;
 };
 
 type ResourceView = 'grid' | 'list';
@@ -194,7 +193,7 @@ interface ResourceCardItemProps {
     view: ResourceView;
 }
 
-declare const ResourceCardItem: ({ item, view }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
+declare const ResourceCardItem: ({ item, view }: ResourceCardItemProps) => react.JSX.Element;
 
 type FilterOption = 'all' | 'pdf' | 'externalLink';
 type SortOption = 'latest' | 'oldest' | 'az' | 'za';
@@ -210,7 +209,7 @@ interface FilterBarProps {
     onSearchChange: (v: string) => void;
 }
 
-declare function FilterBar({ view, onViewChange, isMobile, filterValue, onFilterChange, sortValue, onSortChange, searchValue, onSearchChange, }: FilterBarProps): react_jsx_runtime.JSX.Element;
+declare function FilterBar({ view, onViewChange, isMobile, filterValue, onFilterChange, sortValue, onSortChange, searchValue, onSearchChange, }: FilterBarProps): react.JSX.Element;
 
 type InfoCardSubtitleProps = {
     children: ReactNode;
@@ -229,9 +228,9 @@ interface InfoCardProps {
     children?: ReactNode;
 }
 
-declare const InfoCard: (({ className, title, subtitle, icon, badge, children }: InfoCardProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: InfoCardTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: InfoCardSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCard: (({ className, title, subtitle, icon, badge, children }: InfoCardProps) => react.JSX.Element) & {
+    Title: ({ children }: InfoCardTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: InfoCardSubtitleProps) => react.JSX.Element;
 };
 
 interface PaginationProps {
@@ -248,9 +247,9 @@ interface PaginationProps {
     }) => ReactNode;
 }
 
-declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, renderLink, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, renderLink, }: PaginationProps) => react.JSX.Element;
 
-declare const Picture: ({ className, ...props }: PictureProps) => react_jsx_runtime.JSX.Element;
+declare const Picture: ({ className, ...props }: PictureProps) => react.JSX.Element;
 
 interface PracticeCardProps {
     className?: string;
@@ -259,7 +258,7 @@ interface PracticeCardProps {
     image?: IPicture;
 }
 
-declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
+declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react.JSX.Element;
 
 interface SidebarCategory {
     label: string;
@@ -279,7 +278,7 @@ interface SidebarProps {
     onSelect: (index: number) => void;
 }
 
-declare const Sidebar: ({ categories, isMobile, onToggle, selectedIndex, onSelect, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+declare const Sidebar: ({ categories, isMobile, onToggle, selectedIndex, onSelect, }: SidebarProps) => react.JSX.Element;
 
 interface UpcomingEventCardProps {
     className?: string;
@@ -295,7 +294,7 @@ interface UpcomingEventCardProps {
     showImage?: boolean;
 }
 
-declare const UpcomingEventCard: ({ className, image, date, title, location, description, cta, direction, showImage, }: UpcomingEventCardProps) => react_jsx_runtime.JSX.Element;
+declare const UpcomingEventCard: ({ className, image, date, title, location, description, cta, direction, showImage, }: UpcomingEventCardProps) => react.JSX.Element;
 
 type BadgeBaseProps = {
     children?: ReactNode;
@@ -373,7 +372,7 @@ interface NewsCardProps {
     }) => React.ReactNode;
 }
 
-declare const NewsCard: ({ className, image, date, description, tag, title, cta, direction, renderLink, }: NewsCardProps) => react_jsx_runtime.JSX.Element;
+declare const NewsCard: ({ className, image, date, description, tag, title, cta, direction, renderLink, }: NewsCardProps) => react.JSX.Element;
 
 type BlogPostContentBodyProps = {
     children: ReactNode;
@@ -385,8 +384,8 @@ interface BlogPostContentProps {
     body?: ReactNode;
 }
 
-declare const BlogPostContent: (({ className, body, children }: BlogPostContentProps) => react_jsx_runtime.JSX.Element) & {
-    Body: ({ children }: BlogPostContentBodyProps) => react_jsx_runtime.JSX.Element;
+declare const BlogPostContent: (({ className, body, children }: BlogPostContentProps) => react.JSX.Element) & {
+    Body: ({ children }: BlogPostContentBodyProps) => react.JSX.Element;
 };
 
 interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
@@ -396,7 +395,7 @@ interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     }) => ReactNode;
 }
 
-declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react_jsx_runtime.JSX.Element;
+declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react.JSX.Element;
 
 interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
@@ -435,9 +434,9 @@ interface CardCollectionProps {
     theme?: 'dark' | 'light';
 }
 
-declare const CardCollection: (({ className, variant, theme, title, subtitle, cards, ctaLabel, children, }: CardCollectionProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: CardCollectionTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: CardCollectionSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const CardCollection: (({ className, variant, theme, title, subtitle, cards, ctaLabel, children, }: CardCollectionProps) => react.JSX.Element) & {
+    Title: ({ children }: CardCollectionTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: CardCollectionSubtitleProps) => react.JSX.Element;
 };
 
 type ContactModuleSubtitleProps = {
@@ -459,9 +458,9 @@ interface ContactModuleProps {
     animateBlur?: boolean;
 }
 
-declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, animateBlur, }: ContactModuleProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: ContactModuleTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: ContactModuleSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, animateBlur, }: ContactModuleProps) => react.JSX.Element) & {
+    Title: ({ children }: ContactModuleTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: ContactModuleSubtitleProps) => react.JSX.Element;
 };
 
 interface IFooterLink {
@@ -487,7 +486,7 @@ interface FooterProps {
     supportContacts?: IFooterSupportGroup[];
 }
 
-declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, supportContacts, }: FooterProps) => react_jsx_runtime.JSX.Element;
+declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, supportContacts, }: FooterProps) => react.JSX.Element;
 
 type HeroBannerSubtitleProps = {
     children: ReactNode;
@@ -513,9 +512,9 @@ interface HeroBannerProps {
     children?: ReactNode;
 }
 
-declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, ctaLogo, brands, promoteToH1, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: HeroBannerTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, ctaLogo, brands, promoteToH1, children, }: HeroBannerProps) => react.JSX.Element) & {
+    Title: ({ children }: HeroBannerTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: HeroBannerSubtitleProps) => react.JSX.Element;
 };
 
 interface HeroBannerCarouselItem {
@@ -532,7 +531,7 @@ interface HeroBannerCarouselProps {
     navNextIcon?: string;
 }
 
-declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
+declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react.JSX.Element | null;
 
 interface InternalBrandsTabProps {
     title?: string;
@@ -555,7 +554,7 @@ interface InternalBrandsTabProps {
     }[];
 }
 
-declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
+declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react.JSX.Element;
 
 type MiniBannerGoBackProps = {
     children: ReactNode;
@@ -592,10 +591,10 @@ interface MiniBannerProps {
     children?: ReactNode;
 }
 
-declare const MiniBanner: (({ className, variant, pretitle, title, subtitle, logo, background, cta, children, }: MiniBannerProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: MiniBannerTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: MiniBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
-    GoBack: ({ children }: MiniBannerGoBackProps) => react_jsx_runtime.JSX.Element;
+declare const MiniBanner: (({ className, variant, pretitle, title, subtitle, logo, background, cta, children, }: MiniBannerProps) => react.JSX.Element) & {
+    Title: ({ children }: MiniBannerTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: MiniBannerSubtitleProps) => react.JSX.Element;
+    GoBack: ({ children }: MiniBannerGoBackProps) => react.JSX.Element;
 };
 
 type MiniSectionCtaSubtitleProps = {
@@ -616,9 +615,9 @@ interface MiniSectionCtaProps {
     children?: ReactNode;
 }
 
-declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, children, }: MiniSectionCtaProps) => react.JSX.Element) & {
+    Title: ({ children }: MiniSectionCtaTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react.JSX.Element;
 };
 
 type PracticePathCardsFooterProps = {
@@ -643,10 +642,10 @@ interface PracticePathCardsProps {
     cta?: ICta;
 }
 
-declare const PracticePathCards: (({ className, children, cards, title, subtitle, footer, cta, }: PracticePathCardsProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: PracticePathCardsTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: PracticePathCardsSubtitleProps) => react_jsx_runtime.JSX.Element;
-    Footer: ({ children }: PracticePathCardsFooterProps) => react_jsx_runtime.JSX.Element;
+declare const PracticePathCards: (({ className, children, cards, title, subtitle, footer, cta, }: PracticePathCardsProps) => react.JSX.Element) & {
+    Title: ({ children }: PracticePathCardsTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: PracticePathCardsSubtitleProps) => react.JSX.Element;
+    Footer: ({ children }: PracticePathCardsFooterProps) => react.JSX.Element;
 };
 
 type Teaser5050With3TextTitleProps = {
@@ -662,8 +661,8 @@ interface Teaser5050With3TextProps {
     children?: ReactNode;
 }
 
-declare const Teaser5050With3Text: (({ className, variant, title, cards, image, children, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: Teaser5050With3TextTitleProps) => react_jsx_runtime.JSX.Element;
+declare const Teaser5050With3Text: (({ className, variant, title, cards, image, children, }: Teaser5050With3TextProps) => react.JSX.Element) & {
+    Title: ({ children }: Teaser5050With3TextTitleProps) => react.JSX.Element;
 };
 
 type Teaser5050WithCtaSubtitleProps = {
@@ -685,9 +684,9 @@ interface Teaser5050WithCtaProps {
     bgColor?: string;
 }
 
-declare const Teaser5050WithCta: (({ className, variant, title, subtitle, ctas, image, children, bgColor, }: Teaser5050WithCtaProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: Teaser5050WithCtaTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: Teaser5050WithCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const Teaser5050WithCta: (({ className, variant, title, subtitle, ctas, image, children, bgColor, }: Teaser5050WithCtaProps) => react.JSX.Element) & {
+    Title: ({ children }: Teaser5050WithCtaTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: Teaser5050WithCtaSubtitleProps) => react.JSX.Element;
 };
 
 type EventListTitleProps = {
@@ -705,8 +704,8 @@ interface EventListProps extends PropsWithChildren {
     variant?: 'internalEventList';
 }
 
-declare const EventList: (({ className, title, items, cta, backgroundColor, variant, children, }: EventListProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: EventListTitleProps) => react_jsx_runtime.JSX.Element;
+declare const EventList: (({ className, title, items, cta, backgroundColor, variant, children, }: EventListProps) => react.JSX.Element) & {
+    Title: ({ children }: EventListTitleProps) => react.JSX.Element;
 };
 
 type TextEventRichTextProps = {
@@ -726,9 +725,9 @@ interface TextEventProps {
     children?: ReactNode;
 }
 
-declare const TextEvent: ((props: TextEventProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: TextEventTitleProps) => react_jsx_runtime.JSX.Element;
-    RichText: ({ children }: TextEventRichTextProps) => react_jsx_runtime.JSX.Element;
+declare const TextEvent: ((props: TextEventProps) => react.JSX.Element) & {
+    Title: ({ children }: TextEventTitleProps) => react.JSX.Element;
+    RichText: ({ children }: TextEventRichTextProps) => react.JSX.Element;
 };
 
 type TextBodyBodyProps = {
@@ -746,9 +745,9 @@ interface TextBodyProps {
     children?: ReactNode;
 }
 
-declare const TextBody: ((props: TextBodyProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: TextBodyTitleProps) => react_jsx_runtime.JSX.Element;
-    Body: ({ children }: TextBodyBodyProps) => react_jsx_runtime.JSX.Element;
+declare const TextBody: ((props: TextBodyProps) => react.JSX.Element) & {
+    Title: ({ children }: TextBodyTitleProps) => react.JSX.Element;
+    Body: ({ children }: TextBodyBodyProps) => react.JSX.Element;
 };
 
 type TextCenterCtaInBottomSubtitleProps = {
@@ -767,9 +766,9 @@ interface TextCenterCtaInBottomProps {
     children?: ReactNode;
 }
 
-declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, children, }: TextCenterCtaInBottomProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: TextCenterCtaInBottomTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, children, }: TextCenterCtaInBottomProps) => react.JSX.Element) & {
+    Title: ({ children }: TextCenterCtaInBottomTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react.JSX.Element;
 };
 
 interface ResourcesGridListProps {
@@ -782,7 +781,7 @@ interface ResourcesGridListProps {
     children?: ReactNode;
 }
 
-declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react_jsx_runtime.JSX.Element;
+declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react.JSX.Element;
 
 type BlogCardGridTitleProps = {
     children: ReactNode;
@@ -802,8 +801,8 @@ interface BlogCardGridProps extends PropsWithChildren {
     }) => React.ReactNode;
 }
 
-declare const BlogCardGrid: (({ title, items, backgroundColor, cta, className, hasContainer, gridProps, gridItemProps, renderLink, children, }: BlogCardGridProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: BlogCardGridTitleProps) => react_jsx_runtime.JSX.Element;
+declare const BlogCardGrid: (({ title, items, backgroundColor, cta, className, hasContainer, gridProps, gridItemProps, renderLink, children, }: BlogCardGridProps) => react.JSX.Element) & {
+    Title: ({ children }: BlogCardGridTitleProps) => react.JSX.Element;
 };
 
 type FeaturedNewsHighlightsTitleProps = {
@@ -823,8 +822,8 @@ interface FeaturedNewsHighlightsProps extends PropsWithChildren {
     }) => React.ReactNode;
 }
 
-declare const FeaturedNewsHighlights: (({ variant, title, items, backgroundColor, cta, className, hasContainer, renderLink, children, }: FeaturedNewsHighlightsProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: FeaturedNewsHighlightsTitleProps) => react_jsx_runtime.JSX.Element;
+declare const FeaturedNewsHighlights: (({ variant, title, items, backgroundColor, cta, className, hasContainer, renderLink, children, }: FeaturedNewsHighlightsProps) => react.JSX.Element) & {
+    Title: ({ children }: FeaturedNewsHighlightsTitleProps) => react.JSX.Element;
 };
 
 type NewsCardListPaginationProps = {
@@ -845,8 +844,8 @@ interface NewsCardListProps extends PropsWithChildren {
     }) => React.ReactNode;
 }
 
-declare const NewsCardList: (({ items, backgroundColor, className, currentPage, searchValue, onSearchChange, onSearchSubmit, searchInputProps, renderLink, children, }: NewsCardListProps) => react_jsx_runtime.JSX.Element) & {
-    Pagination: ({ children }: NewsCardListPaginationProps) => react_jsx_runtime.JSX.Element;
+declare const NewsCardList: (({ items, backgroundColor, className, currentPage, searchValue, onSearchChange, onSearchSubmit, searchInputProps, renderLink, children, }: NewsCardListProps) => react.JSX.Element) & {
+    Pagination: ({ children }: NewsCardListPaginationProps) => react.JSX.Element;
 };
 
 type BlogPostBodyProps = {
@@ -862,9 +861,9 @@ interface BlogPostProps extends PropsWithChildren, Omit<NewsCardProps, 'descript
     relatedArticles?: NewsCardProps[];
 }
 
-declare const BlogPost: (({ title, description: body, image, date, tag, relatedArticles, className, children, }: BlogPostProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: BlogPostTitleProps) => react_jsx_runtime.JSX.Element;
-    Body: ({ children }: BlogPostBodyProps) => react_jsx_runtime.JSX.Element;
+declare const BlogPost: (({ title, description: body, image, date, tag, relatedArticles, className, children, }: BlogPostProps) => react.JSX.Element) & {
+    Title: ({ children }: BlogPostTitleProps) => react.JSX.Element;
+    Body: ({ children }: BlogPostBodyProps) => react.JSX.Element;
 };
 
 type BlogSearchResultsListPaginationProps = {
@@ -887,9 +886,9 @@ interface BlogSearchResultsListProps extends PropsWithChildren {
     }) => React.ReactNode;
 }
 
-declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
-    Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
-    Pagination: ({ children, }: BlogSearchResultsListPaginationProps) => react_jsx_runtime.JSX.Element;
+declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, renderLink, children, }: BlogSearchResultsListProps) => react.JSX.Element) & {
+    Search: ({ children }: BlogSearchResultsListSearchProps) => react.JSX.Element;
+    Pagination: ({ children, }: BlogSearchResultsListPaginationProps) => react.JSX.Element;
 };
 
 type IntersectionObserverOptions = {