type Props = {
    /** Image URL to display */
    src: string | null | undefined;
    alt?: string;
    /** Show a decorative gradient ring around the image */
    ring?: boolean;
    on?: {
        click: () => void;
    };
};
/**
 * A rounded-corner image with an optional decorative double-border ring (outer gradient + inner solid).
 * Ring defaults derive from semantic tokens (`--sc-kit--color--accent` family + `--bg--panel`) so the ring
 * re-themes automatically with the rest of the kit.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--image--rounded--size` | Shorthand for both width and height | `100%` |
 * | `--sc-kit--image--rounded--width` | Container width | inherits `--size` |
 * | `--sc-kit--image--rounded--height` | Container height | inherits `--size` |
 * | `--sc-kit--image--rounded--image--border-radius` | Inner image corner radius | computed |
 * | `--sc-kit--image--rounded--inner--border-color` | Inner border color | `--sc-kit--color--bg--panel` |
 * | `--sc-kit--image--rounded--inner--border-radius` | Inner border radius | computed |
 * | `--sc-kit--image--rounded--inner--border-width` | Inner border thickness | `4px` |
 * | `--sc-kit--image--rounded--outer--border-color` | Outer ring gradient | `accent → accent--soft` |
 * | `--sc-kit--image--rounded--outer--border-radius` | Outer border radius | `--sc-kit--radius--md` |
 * | `--sc-kit--image--rounded--outer--border-width` | Outer ring thickness | `2px` |
 * | `--sc-kit--image--rounded--stub--background` | Background when `src` is empty | `var(--sc-kit--color--bg--images)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;