---
interface Props {
  canonicalHref: string;
  term: string;
}

const { canonicalHref, term } = Astro.props;
---

<p class="glossary-legacy-note">
  Cette entrée a été renommée. L’intitulé canonique est :
  <a href={canonicalHref}>{term}</a>.
</p>

<style>
  .glossary-legacy-note{
    padding: 10px 12px;
    border: 1px solid rgba(127,127,127,0.22);
    border-radius: 12px;
    background: rgba(127,127,127,0.05);
    font-size: 14px;
    line-height: 1.45;
    margin-bottom: 18px;
  }

  @media (prefers-color-scheme: dark){
    .glossary-legacy-note{
      background: rgba(255,255,255,0.04);
    }
  }
</style>