import { ComponentChild } from 'preact'; import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts'; interface TagHeaderProps extends SharedProps { /** * H1 Title */ title: string; /** Heading of the link box */ vignetteText?: string; /** Target URL for the vignette */ vignetteTargetUrl?: string; /** Main image */ media?: ComponentChild; /** Intended use is text, links */ descriptionHtml?: string; /** Total articles on this list-page */ articleCount?: number; /** The theme-class to apply to the vignette */ theme?: 'nyheter' | 'kultur'; /** Show/hide toggle button */ toggle?: boolean; /** `text` parameter to ToggleButton (only if `toggle` is enabled) */ toggleText?: string; /** `selectedText` parameter to ToggleButton (only if `toggle` is enabled) */ toggleSelectedText?: string; /** `selected` parameter to ToggleButton (only if `toggle` is enabled) */ toggleSelected?: boolean; /** `loading` parameter to ToggleButton (only if `toggle` is enabled) */ toggleLoading?: boolean; /** `classNames` parameter to ToggleButton (only if `toggle` is enabled) */ toggleClassNames?: string; /** `attributes` parameter to ToggleButton (only if `toggle` is enabled) */ toggleAttributes?: Record; } /** * - GitHub: [BonnierNews/dn-design-system/web/src/components/tag-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/tag-header) * - Storybook: [TagHeader](https://designsystem.dn.se/?path=/docs/section-tagheader--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/tag-header/tag-header.scss'` */ export declare const TagHeader: ({ title, vignetteText, vignetteTargetUrl, media, descriptionHtml, articleCount, theme, toggle, toggleText, toggleSelectedText, toggleSelected, toggleLoading, toggleClassNames, toggleAttributes, attributes, classNames, }: TagHeaderProps) => import("preact").JSX.Element; export {};