import type { ComponentChildren } from 'preact';

interface BannerProps {
  kind: 'error' | 'warn' | 'info';
  children: ComponentChildren;
  role?: 'alert' | 'status';
}

export function Banner({ kind, children, role = 'alert' }: BannerProps) {
  return (
    <div className={`banner banner-${kind}`} role={role}>
      {children}
    </div>
  );
}