---
import type { BlogPosting } from "@lib/collection/types";

type Props = { citations: BlogPosting[] };
const { citations } = Astro.props;
---
{
  citations.length > 0 &&
  (
    <aside>
      <p>O autor recomenda ler também:</p>
      <ul>
        {
          citations.map(({ "@id": id, headline }) => (
            <li
              itemprop="citation"
              itemscope
              itemtype="http://schema.org/BlogPosting"
              itemid={id}
            >
              <a href={`/blog/read/${id}`}>
                <cite itemprop="headline">{headline}</cite>
              </a>
            </li>
          ))
        }
      </ul>
    </aside>
  )
}

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