import { type IconProp } from '../icon';
import type { AnnouncementBannerVariant } from './types';
import type { Snippet } from 'svelte';
type Props = {
    /** @default 'info' */
    variant?: AnnouncementBannerVariant;
    /** Short headline rendered in bold. */
    title?: string;
    /** Show a dismiss 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 call-to-action area (e.g. "Learn more →", "See status page"). */
    action?: Snippet;
    /** Announcement body text. */
    children?: Snippet;
    on?: {
        dismiss?: () => void;
    };
};
/**
 * Full-width ribbon notification for site-wide announcements placed at the top of a page or layout.
 * Supports four visual variants; `variant='maintenance'` uses `role="alert"` (assertive); all others use `role="status"` (polite).
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--announcement-banner--padding-block` | Vertical padding | `--sc-kit--space--3` |
 * | `--sc-kit--announcement-banner--padding-inline` | Horizontal padding | `--sc-kit--space--5` |
 * | `--sc-kit--announcement-banner--gap` | Gap between icon / body / action | `--sc-kit--space--3` |
 * | `--sc-kit--announcement-banner--background` | Background color | per `variant` |
 * | `--sc-kit--announcement-banner--border-color` | Bottom border color | per `variant` |
 * | `--sc-kit--announcement-banner--accent-color` | Icon + dismiss glyph color | per `variant` |
 * | `--sc-kit--announcement-banner--title--color` | Title text color | `--sc-kit--color--text--primary` |
 * | `--sc-kit--announcement-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;