export interface Image {
    src: string;
    altText: string;
    caption?: string;
    maxHeight?: number;
}
export interface Layout {
    breakpoint: number;
    rows: number[];
}
type ContainerWidth = 'normal' | 'wide' | 'wider' | 'widest' | 'fluid';
interface Props {
    /** Array of image objects */
    images: Image[];
    /** Array of layout objects */
    layouts?: Layout[];
    /** Gap between images. */
    gap?: number;
    /** Add an ID to target with SCSS. Should be unique from all other elements. */
    id?: string;
    /** Add a class to target with SCSS. */
    class?: string;
    /** Width of the component within the text well: 'normal' | 'wide' | 'wider' | 'widest' | 'fluid' */
    width: ContainerWidth;
    /** Set a different width for captions within the text well. For example, "normal" to keep captions inline with the rest of the text well.
     *
     *  Can't ever be wider than `width`: 'normal' | 'wide' | 'wider' | 'widest' | 'fluid' */
    textWidth: ContainerWidth;
}
/**
 * A responsive photo grid that arranges images into rows via breakpoint layouts, with per-image markdown captions.
 *
 * [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-multimedia-photopack--docs)
 */
declare const PhotoPack: import("svelte").Component<Props, {}, "">;
type PhotoPack = ReturnType<typeof PhotoPack>;
export default PhotoPack;