import type { TeaserBaseProps, TeaserBodyDecoratorsProps, TeaserBylineProps, TeaserFooterProps, TeaserHighlightProps, TeaserItalicHeadlineProps, TeaserMediaProps, TeaserTextProps, TeaserThemeProps, TeaserVariantProps, TeaserVignetteProps } from '@bonniernews/dn-design-system-web/assets/types/teaser-props.ts'; export interface TeaserStandardProps extends TeaserBaseProps, TeaserThemeProps, TeaserHighlightProps, TeaserItalicHeadlineProps, TeaserVignetteProps, TeaserVariantProps, TeaserMediaProps, TeaserBylineProps, TeaserTextProps, TeaserBodyDecoratorsProps, TeaserFooterProps { /** If the teaser should be compact */ isCompact?: boolean; variant?: 'default' | 'podcast'; /** Flag so we can handle square teaser images */ isSquareImage?: boolean; } /** * - GitHub: [BonnierNews/dn-design-system/web/src/components/teaser-standard](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-standard) * - Storybook: [TeaserStandard](https://designsystem.dn.se/?path=/docs/section-teaserstandard--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-standard/teaser-standard.scss'` * * * ## Javascript * * This version is rarely used to render a teaser dynamically in the browser. For example, it is used to render reserv-teasers in failover. This version **ONLY** supports the `title`, `text`, `targetLink`, `classNames` and `attributes` parameters. * * ```javascript * import { dsTeaserStandard } from "@bonniernews/dn-design-system-web/components/teaser-standard/teaser-standard"; * * // NB: javascript only supports a subset of all parameters * * const parameters = { * title: "Upp på börsen", * text: "Det ser ganska normalt ut på Stockholmsbörsen", * targetLink: "https://www.dn.se/ekonomi/", * attributes: { "data-test" : "test-value" } * } * * const teaserStandardHtml = dsTeaserStandard(parameters); * ``` */ export declare const TeaserStandard: ({ title, highlight, isItalicHeadline, targetLink, areaType, theme, variant, isCompact, duration, media, isSquareImage, bylinePicture, vignette, publicationTime, text, sticker, isFlashingDot, sectionName, classNames, attributes, }: TeaserStandardProps) => import("preact").JSX.Element;