---
interface Props {
title?: string;
emoji?: string;
class?: string;
variant?: 'neutral' | 'info' | 'success' | 'danger';
}
const { title, emoji, class: className, variant = 'neutral', ...props } = Astro.props as Props;
const wrapperClass = ["note", `note--${variant}`, className].filter(Boolean).join(" ");
const hasHeader = (emoji && String(emoji).length > 0) || (title && String(title).length > 0);
---