import { ComponentChild } from 'preact'; import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts'; export interface BylineData { name: string; authorId: string; bylineImage?: ComponentChild; authorPageUrl?: string; followable: boolean; followed?: boolean; followButtonAttributes?: Record; border?: boolean; role: string; } interface BylineProps extends SharedProps { largeByline?: boolean; bylineTitle?: string; bylines: BylineData[]; hideBylineImages?: boolean; hideBorder?: boolean; renderBylineModal?: boolean; showNameAsLink?: boolean; } /** * - GitHub: [BonnierNews/dn-design-system/web/src/components/byline](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/byline) * - Storybook: [Byline](https://designsystem.dn.se/?path=/docs/article-byline--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/byline/byline.scss'` * * ### Javascript * * ```javascript * import { initModalByline } from '@bonniernews/dn-design-system-web/components/byline/byline-interaction.js' * const articleElement = document.querySelector('.some-article-class'); * initModalByline(articleElement); * ``` */ export declare const Byline: ({ bylines, bylineTitle, largeByline, hideBylineImages, hideBorder, renderBylineModal, showNameAsLink, classNames, attributes, }: BylineProps) => import("preact").JSX.Element; export {};