import { ComponentChild } from 'preact';
import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts';
export type GroupHeaderType = 'icon' | 'link' | 'toggle' | 'arrows';
export interface GroupHeaderProps extends SharedProps {
    /** The title text */
    title: string;
    /** The type of interactive element added to the header */
    type?: GroupHeaderType;
    /** The design variant, if not bauta the group header will get the 'standard' design */
    variant?: 'bauta' | 'default';
    /** The image element for the header */
    media?: ComponentChild;
    /** If given, the title is rendered as a link */
    href?: string;
    /** The link text to render (only for types `link` and `arrows`) */
    linkText?: string;
    /** If true there will be a bottom border */
    showBottomBorder?: boolean;
    /** `text` parameter to ToggleButton (only for type `toggle`) */
    toggleText?: string;
    /** `selectedText` parameter to ToggleButton (only for type `toggle`) */
    toggleSelectedText?: string;
    /** `selected` parameter to ToggleButton (only for type `toggle`) */
    toggleSelected?: boolean;
    /** `loading` parameter to ToggleButton (only for type `toggle`) */
    toggleLoading?: boolean;
    /** `classNames` parameter to ToggleButton (only for type `toggle`) */
    toggleClassNames?: string;
    /** `attributes` parameter to ToggleButton (only for type `toggle`) */
    toggleAttributes?: {
        [key: string]: string;
    };
    /** Used to include or exclude elements based on channel */
    channel?: 'mobile' | 'tablet' | 'desktop';
}
/**
 * - GitHub: [BonnierNews/dn-design-system/web/src/components/group-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/group-header)
 * - Storybook: [GroupHeader](https://designsystem.dn.se/?path=/docs/basic-groupheader--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/group-header/group-header.scss'`
 */
export declare function GroupHeader({ title, type, variant, media, href, linkText, showBottomBorder, toggleText, toggleSelectedText, toggleSelected, toggleLoading, toggleClassNames, toggleAttributes, classNames, attributes, channel, }: GroupHeaderProps): import("preact").JSX.Element;
