---
import type { Locale } from '../../data/site';
import { t } from '../../i18n/ui';
import Info from 'phosphor-astro/Info.astro';

interface Props {
  locale: Locale;
}

const { locale } = Astro.props;
const ui = t(locale);
---

<div role="alert" class="alert alert-warning">
  <Info class="h-5 w-5 shrink-0" aria-hidden="true" />
  <span class="font-medium">{ui.musanedNote}</span>
</div>