import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts'; import type { TextButtonProps } from '@bonniernews/dn-design-system-web/components/button/button-types.ts'; export interface PageData extends SharedProps { /** Button/link label */ label?: string; /** Link */ url?: string; /** Mark is current */ current?: boolean; /** Ex. { target: '_blank', 'data-test': 'lorem ipsum' } */ attributes?: { [key: string]: string; }; } export interface PaginationProps extends SharedProps { /** Array with page objects */ pages?: PageData[]; /** Previous button/link label */ previousLabel?: TextButtonProps['text']; /** Previous link */ previousUrl?: TextButtonProps['href']; previousClassNames?: TextButtonProps['classNames']; previousAttributes?: TextButtonProps['attributes']; /** Previous button/link label */ nextLabel?: TextButtonProps['text']; /** Previous link */ nextUrl?: TextButtonProps['href']; nextClassNames?: TextButtonProps['classNames']; nextAttributes?: TextButtonProps['attributes']; } /** * - GitHub: [BonnierNews/dn-design-system/web/src/commponents/pagination](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/pagination) * - Storybook: [Pagination](https://designsystem.dn.se/?path=/docs/basic-pagination--docs) * * The component will not include styling by itself. Make sure to include the right styles for the component. See example below: * `@use '@bonniernews/dn-design-system-web/components/pagination/pagination.scss'` */ export declare const Pagination: ({ pages, previousLabel, previousUrl, previousClassNames, previousAttributes, nextLabel, nextUrl, nextClassNames, nextAttributes, classNames, attributes, }: PaginationProps) => import("preact").JSX.Element;