import { SafeHtml } from 'kerfjs';

type StateBannerTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
interface StateBannerProps {
    title: string;
    detail?: string;
    icon?: SafeHtml;
    action?: SafeHtml;
    tone?: StateBannerTone;
    urgency?: 'status' | 'alert';
    className?: string;
}
declare function StateBanner({ title, detail, icon, action, tone, urgency, className }: StateBannerProps): SafeHtml;

export { StateBanner, type StateBannerProps, type StateBannerTone };