import type { ContainerWidth } from '../@types/global';
import type { Snippet } from 'svelte';
interface Props {
    /** Content to place inside `GraphicBlock` */
    children: Snippet;
    /**
     * Add an id to the block tag to target it with custom CSS.
     */
    id?: string;
    /**
     * Add classes to the block tag to target it with custom CSS.
     */
    class?: string;
    /** Snap block to column widths, rather than fluidly resizing them. */
    snap?: boolean;
    /**
     * ARIA [role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) for the block
     */
    role?: string;
    /**
     * Notes to the graphic, passed in as a markdown string OR as a custom snippet.
     */
    notes?: string | Snippet;
    /**
     * Width of the component within the text well.
     */
    width?: ContainerWidth;
    /**
     * Set a different width for the text within the text well, for example, "normal" to keep the title, description and notes inline with the rest of the text well. Can't ever be wider than `width`.
     */
    textWidth?: ContainerWidth;
    /**
     * Title of the graphic as a string or a custom snippet.
     */
    title?: string | Snippet;
    /**
     * Description of the graphic, passed in as a markdown string.
     */
    description?: string;
    /**
     * ARIA [label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for the block
     */
    ariaLabel?: string;
    /**
     * ARIA description, passed in as a markdown string OR as a custom snippet.
     */
    ariaDescription?: string | Snippet;
}
/**
 * A wrapper that frames a chart or graphic with an optional title, description, notes and ARIA description.
 *
 * [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-graphics-graphicblock--docs)
 */
declare const GraphicBlock: import("svelte").Component<Props, {}, "">;
type GraphicBlock = ReturnType<typeof GraphicBlock>;
export default GraphicBlock;