import type { ContainerWidth } from '../@types/global';
interface Props {
    /**
     * Add classes to target with custom CSS.
     */
    class: string;
    /**
     * Add an id to target with custom CSS.
     */
    id: string;
    /**
     * Width of the container.
     */
    width: Extract<ContainerWidth, 'normal' | 'wide'>;
    /**
     * Default background colour to be used as a mount behind the headshot.
     */
    colour: string;
    /**
     * Individual figures -- i.e., people -- for the headpile.
     */
    figures: {
        /**
         * Headshot image src. Be sure to prefix the image
         *
         * ```typescript
         * import { asset } from '$app/paths';
         *
         * const imgSrc = asset('/images/my-image.jpg');
         * ```
         */
        img: string;
        /**
         * Figure name.
         */
        name: string;
        /**
         * Figure role or title.
         */
        role?: string;
        /**
         * Text describing the person.
         */
        text: string;
        /**
         * Background colour to be used as a mount behind the headshot.
         */
        colour?: string;
    }[];
}
/**
 * A stacked column of people profiles — headshot, name, role and description — rendered from a `figures` array.
 *
 * [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-text-elements-headpile--docs)
 */
declare const Headpile: import("svelte").Component<Props, {}, "">;
type Headpile = ReturnType<typeof Headpile>;
export default Headpile;