---
import type { Sequence } from '@/lib/site/navigation'
import type { Article } from '@/lib/site/types'

import RevisionCard from './RevisionCard.astro'
import SequenceNav from './SequenceNav.astro'

type Props = {
  article: Article
  sequence: Sequence | null
}

const { article, sequence } = Astro.props
const { title, changes } = article
---

{(changes.length > 0 || sequence) && (
  <footer class="article-footer">
    {changes.length > 0 && <RevisionCard title={title} changes={changes} />}
    {sequence && <SequenceNav sequence={sequence} />}
  </footer>
)}