import { type IconProp } from '../icon';
import type { Snippet } from 'svelte';
type BannerVariant = 'info' | 'success' | 'warning' | 'danger';
type Props = {
    /** @default 'info' */
    variant?: BannerVariant;
    /** Bold title rendered above the body. */
    title?: string;
    /** Show a close button. Hides the banner locally when clicked and fires `on.dismiss`. @default false */
    dismissible?: boolean;
    /** Leading icon — string SVG source, `{ src, color?, size? }` object, or custom snippet. */
    icon?: IconProp;
    /** Optional inline action area (e.g. "Try again", "View"). */
    action?: Snippet;
    /** Body content. */
    children?: Snippet;
    on?: {
        dismiss?: () => void;
    };
};
/**
 * An attention-grabbing rectangular notice with a colored bg + border per `variant`. Combines an
 * optional leading icon, an optional title, body content, an optional inline `action` snippet, and an
 * optional dismiss button. Title color stays neutral (`text--primary`) and body color is `text--secondary` —
 * the variant color tints the border, the dismiss/close glyph, the icon, and the soft bg.
 *
 * Sets `role="alert"` for `variant='danger'` (assertive announcement); other variants use `role="status"`.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--banner--padding-block` | Vertical padding | `--sc-kit--space--3` |
 * | `--sc-kit--banner--padding-inline` | Horizontal padding | `--sc-kit--space--4` |
 * | `--sc-kit--banner--gap` | Gap between icon / body / action / close | `--sc-kit--space--3` |
 * | `--sc-kit--banner--border-radius` | Corner radius | `--sc-kit--radius--md` |
 * | `--sc-kit--banner--background` | Background color | per `variant` (soft / softer) |
 * | `--sc-kit--banner--border-color` | Border color | per `variant` |
 * | `--sc-kit--banner--accent-color` | Icon + dismiss glyph color | per `variant` |
 * | `--sc-kit--banner--title--color` | Title text color | `--sc-kit--color--text--primary` |
 * | `--sc-kit--banner--description--color` | Body text color | `--sc-kit--color--text--secondary` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;