import type { Snippet } from 'svelte';
type StatusTone = 'accent' | 'success' | 'warning' | 'danger' | 'muted';
type Props = {
    title: string;
    description?: string;
    /** Status label rendered top-right of the body. Plain colored text, not a badge pill. */
    status?: {
        label: string;
        tone?: StatusTone;
    };
    /** Top preview area — image, illustration, screenshot, gradient. Consumer sizes its own content (e.g. `width:100%`). Omit to skip the preview. */
    preview?: Snippet;
    /** Action slot, typically a kit `<Button size="sm" variant="outline">`. */
    action?: Snippet;
    /**
     * Whole-card click. When set, the card becomes interactive (hover + focus ring) via a
     * stretched-link overlay so an `action` button can sit above it without nesting `<button>`s.
     */
    on?: {
        click?: () => void;
    };
};
/**
 * Catalog-item card — tinted preview area on top, body row with title + description on the left and
 * optional status + action on the right. Stretched-link overlay pattern (`on.click`) makes the whole
 * card a click target without nesting `<button>` elements with the action snippet.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--listing-card--background` | Card background | `var(--sc-kit--color--bg--panel)` |
 * | `--sc-kit--listing-card--border-color` | Border color | `var(--sc-kit--color--border)` |
 * | `--sc-kit--listing-card--border-color--hover` | Border color in interactive-mode on hover | `var(--sc-kit--color--border--strong)` |
 * | `--sc-kit--listing-card--border-radius` | Border radius | `var(--sc-kit--radius--xl)` |
 * | `--sc-kit--listing-card--shadow--hover` | Shadow lift in interactive-mode on hover | `var(--sc-kit--shadow--sm)` |
 * | `--sc-kit--listing-card--preview--background` | Preview area tint | `var(--sc-kit--color--accent--softer)` |
 * | `--sc-kit--listing-card--preview--aspect-ratio` | Preview aspect ratio | `3 / 2` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;