import { TNode, Value, Renderable } from '@tempots/dom';
import type { ThemeColorName } from '../../tokens';
export type AnnouncementBarOptions = {
    color?: Value<ThemeColorName>;
    icon?: Value<string | undefined>;
    closable?: Value<boolean>;
    onDismiss?: () => void;
    class?: Value<string>;
};
/**
 * AnnouncementBar component - displays a colored announcement bar at the top center of its container
 *
 * @example
 * ```typescript
 * AnnouncementBar(
 *   { color: 'warning', closable: true },
 *   "You're on our launch Free plan with unlimited resumes and redaction!"
 * )
 * ```
 */
export declare function AnnouncementBar({ color, icon, closable, onDismiss, class: cls, }: AnnouncementBarOptions, ...children: TNode[]): Renderable;
