import type { StashColorNames, StashColorNamesWithShades } from '@leaflink/stash-types/colors'; import type { IllustrationTypes, SpotNames, VignetteNames } from './_internal/components/Illustration/Illustration.models'; export interface IllustrationProps { id?: string; /** * The filename of the icon that should be displayed */ name: SpotNames | VignetteNames; /** * Accessible, short-text description for the icon. Not rendered as part of the graphic, but * browsers usually display it as a tooltip and screen readers use this. */ title?: string; /** * The size in pixels of the illustration. This number will be used for width and height */ size?: number; /** * Type of the illustration */ type?: IllustrationTypes; /** * The fill color for the illustration. This component will use the 400 shade of the color * per design's request. Defaults to teal. */ fillColor?: StashColorNames; /** * The color theme for the illustration. This component will use the standard 500 shade of the color. * Defaults to purple */ strokeColor?: StashColorNamesWithShades | 'white' | 'black'; /** * Illustration's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided. */ staticPath?: string; } export * from './_internal/components/Illustration/Illustration.models'; declare const _default: typeof __VLS_export; export default _default; declare const __VLS_export: import("vue").DefineComponent & Readonly<{}>, { id: string; title: string; size: number; staticPath: string; type: IllustrationTypes; fillColor: StashColorNames; strokeColor: StashColorNamesWithShades | "white" | "black"; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;