import { ComponentChild } from 'preact';
import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts';
import type { ButtonToggleProps } from '@bonniernews/dn-design-system-web/components/button/button-types.ts';
export interface ProfileHeaderProps extends SharedProps {
    /** H1 Title */
    title: string;
    /** Subtitle (email) */
    subtitleHtml?: string;
    /** Main image */
    media?: ComponentChild;
    /** Intended use is text, links */
    descriptionHtml?: string;
    /** Total articles on this list-page */
    articleCount?: number;
    /** 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?: ButtonToggleProps['attributes'];
}
/**
 * - GitHub: [BonnierNews/dn-design-system/web/src/components/profile-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/profile-header)
 * - Storybook: [ProfileHeader](https://designsystem.dn.se/?path=/docs/section-profileheader--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/profile-header/profile-header.scss'`
 */
export declare const ProfileHeader: ({ title, subtitleHtml, media, descriptionHtml, articleCount, toggle, toggleText, toggleSelectedText, toggleSelected, toggleLoading, toggleClassNames, toggleAttributes, classNames, attributes, }: ProfileHeaderProps) => import("preact").JSX.Element;
