import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts'; import type { TeaserBaseProps, TeaserFooterProps, TeaserHighlightProps, TeaserItalicHeadlineProps, TeaserMediaProps, TeaserThemeProps, TeaserVignetteProps } from '@bonniernews/dn-design-system-web/assets/types/teaser-props.ts'; interface TeaserListVerticalProps extends SharedProps { /** List title */ listTitle?: string; /** Ex. { text: "Alla nyheter", url: "#" } */ listLink?: ListLink; /** If true, the list will be flexible */ flexible?: boolean; /** Array with teaser objects. Ex. [ { title: 'Malmö var det enda rimliga valet för Eurovision', targetLink: '#', highlight: 'Hanna Fahl:', publicationTime: 'I GÅR 12:28', sectionName: 'Kultur', attributes: { "data-test": "list-item-test-data" }, showPlayButton: false } ] */ teasers: Array; /** The theme-class to apply to _all_ teasers in the list. */ theme?: 'nyheter' | 'kultur'; } interface ListLink extends SharedProps { text: string; url: string; } interface ListTeaser extends TeaserBaseProps, TeaserThemeProps, TeaserMediaProps, TeaserVignetteProps, TeaserHighlightProps, TeaserItalicHeadlineProps, TeaserFooterProps { showPlayButton?: boolean; variant?: 'default' | 'podcast'; } /** * - GitHub: [BonnierNews/dn-design-system/web/src/components/teaser-list-vertical](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-list-vertical) * - Storybook: [TeaserListVertical](https://designsystem.dn.se/?path=/docs/section-teaserlistvertical--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/teaser-list-vertical/teaser-list-vertical.scss'` */ export declare const TeaserListVertical: ({ listTitle, listLink, flexible, teasers, theme, classNames, attributes, }: TeaserListVerticalProps) => import("preact").JSX.Element; export {};