---
import type { Verification } from "@lib/pgp/verify";
import Summary from "./Summary.astro";
import Downloads from "./Downloads.astro";
import Commit from "./Commit.astro";

interface Props {
  verification: Verification;
  lang: string;
}

const { verification, lang } = Astro.props;
const commit = await verification.commit;
---

<aside id="signatures">
  <p><strong>Verificação da assinatura digital</strong></p>
  <Summary {...verification} />
  <Downloads {lang} />
  {commit && <Commit {commit} {lang} />}
</aside>

<style is:global>
  #signatures > section > p:first-child {
    font-weight: bolder;
  }
</style>
<style>
  #signatures {
    margin-inline: 1.5rem;
    margin-block-end: 1.5rem;
    box-shadow: 0 0 calc(1em) #e7e7e7;
    border-radius: calc(1rem / 3);
    padding: 1rem;
  }

  #signatures > p:first-child {
    font-size: larger;

    & > strong {
      font-weight: bolder;
    }
  }
</style>