import { ComponentChild } from 'preact';
import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts';
import { GradeValue } from '@bonniernews/dn-design-system-web/foundations/icons/grade-icon.tsx';
export interface FactboxProps extends SharedProps {
    title?: string;
    titleHighlight?: string;
    titleImage?: ComponentChild;
    bodyParts: Array<BodyPart>;
    theme?: 'default' | 'kultur' | 'nyheter';
    forceExpand?: boolean;
}
interface BodyPart {
    type: string;
    bodyHtml?: string;
    grade?: GradeValue;
    media?: ComponentChild;
    imageType?: string;
    caption?: string;
    author?: string;
}
/**
 * - GitHub: [BonnierNews/dn-design-system/web/src/components/factbox](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/factbox)
 * - Storybook: [Factbox](https://designsystem.dn.se/?path=/docs/basic-factbox--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/factbox/factbox.scss'`
 */
export declare const Factbox: ({ title, titleHighlight, titleImage, bodyParts, theme, forceExpand, classNames, attributes, }: FactboxProps) => import("preact").JSX.Element;
export default Factbox;
