import type { Snippet } from 'svelte'; type Props = { /** Image URL to display */ src: string | null | undefined; alt?: string; /** Show a placeholder stub instead of an error icon when image fails to load */ showStubOnError?: boolean; on?: { /** Fires after load attempt; `true` if successful, `false` on error */ load?: (loadedSuccessfully: boolean) => void; }; /** Custom stub snippet rendered while image has no source or on error with `showStubOnError` */ stub?: Snippet; }; /** * Displays an image with loading states: shows the image on success, an error icon on failure, or a customizable stub placeholder. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--image--background` | Container background | `transparent` | * | `--sc-kit--image--border-radius` | Corner rounding | `0` | * | `--sc-kit--image--object-fit` | Image object-fit mode | `cover` | * | `--sc-kit--image--stub--background` | Stub placeholder background | `var(--sc-kit--color--bg--images)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;