import type { Snippet } from 'svelte';
import type { ContainerWidth } from '../@types/global';
interface Props {
    /** Content that goes inside `<Block>`*/
    children: Snippet;
    /** Width of the block within the article well. */
    width?: ContainerWidth;
    /** Add an id to the block tag to target it with custom CSS. */
    id?: string;
    /** Add custom 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;
    /** ARIA [label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for the block */
    ariaLabel?: string;
}
/**
 * A centred layout container that constrains its children to a chosen article column width, from narrower to fluid.
 *
 * [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-page-layout-block--docs)
 */
declare const Block: import("svelte").Component<Props, {}, "">;
type Block = ReturnType<typeof Block>;
export default Block;