import { type Snippet } from 'svelte'; import type { ContainerWidth } from '../@types/global'; type ScrollingOption = 'auto' | 'yes' | 'no'; interface Props { /** Title of the graphic */ title?: string; /** Description of the graphic, passed in as a markdown string. */ description?: string; /** * iframe title */ frameTitle: string; /** * Notes to the graphic, passed in as a markdown string. */ notes?: string; /** * iframe aria label */ ariaLabel: string; id: string; /** * Datawrapper embed URL */ src: string; /** iframe scrolling option */ scrolling: ScrollingOption; /** * Pin the chart iframe to a fixed pixel height instead of letting it * auto-resize to the height Datawrapper reports. Useful for lining several * charts up at a uniform height in a grid. Pair it with `?fitchart=true` on * the chart `src` so Datawrapper stretches the plot to fill the fixed * height; without that flag the chart keeps its natural height and pads or * clips the difference. */ height?: number; /** Width of the chart 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; /** Custom headline and chatter snippet */ titleSnippet?: Snippet; /** Custom notes and source snippet */ notesSnippet?: Snippet; } /** * An embedded Datawrapper chart that auto-resizes to the height Datawrapper reports, with title, description and notes. * * [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-graphics-datawrapperchart--docs) */ declare const DatawrapperChart: import("svelte").Component; type DatawrapperChart = ReturnType; export default DatawrapperChart;