---
import type { CollectionEntry } from "astro:content";
import { getEntries } from "astro:content";

type Props = { citations: CollectionEntry<"blog">["data"]["relatedPosts"] };
const citations = await getEntries(Astro.props.citations ?? []);
---
{
  citations.length > 0 &&
    (
    <aside>
      <p>O autor recomenda ler também:</p>
      <ul>
        {
          citations.map(({ collection, id, data }) => (
            <li
              itemprop="citation"
              itemscope
              itemtype="http://schema.org/BlogPosting"
              itemid={Astro.url.href.replace(/[^\/]*\/?$/, id)}
            >
              <a href={`/${collection}/read/${id}`}>
                <cite itemprop="headline">{data.title}</cite>
              </a>
            </li>
          ))
        }
      </ul>
    </aside>
  )
}

<style>
  @media print {
    aside {
      display: none;
    }
  }
</style>