import type { Snippet } from 'svelte';
import type { ContainerWidth } from '../@types/global';
type Theme = 'light' | 'dark';
interface Props {
    /**
     * Title of the box
     */
    title?: string | null;
    /**
     * Contents of the note as a markdown string
     */
    text?: string;
    /**
     * Additional footnotes
     */
    notes?: string | null;
    /**
     * Width of the component within the text well.
     */
    width?: ContainerWidth;
    /**
     * Add extra classes to the block tag to target it with custom CSS.
     */
    class?: string;
    /**
     * Add an id to the block tag to target it with custom CSS.
     */
    id?: string;
    /**
     * Page theme
     */
    theme?: Theme;
    /** Optional custom header snippet */
    header?: Snippet;
    /** Optional custom body snippet */
    body?: Snippet;
    /** Optional custom footer snippet */
    footer?: Snippet;
}
/**
 * A callout aside with an optional title, markdown body and footnotes for supplementary context within article text.
 *
 * [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-text-elements-infobox--docs)
 */
declare const InfoBox: import("svelte").Component<Props, {}, "">;
type InfoBox = ReturnType<typeof InfoBox>;
export default InfoBox;