---
import { Padding, Column } from '../../@dasig'

interface Props {
  title: string
  subtitle: string
  category: string
  date: string
  minutes: number
  content: string
}

const { title, subtitle, category, date, minutes, content } = Astro.props
---

<section class="article">
  <span>{category}</span>
  <h1>{title}</h1>
  <h3>{subtitle}</h3>

  <div class="content">
    <p set:html={content} />
  </div>
</section>

<style lang="sass">
  .article
    display: flex
    gap: 20px
    flex-direction: column
    flex-wrap: wrap
    justify-content: start
    align-items: center
    text-align: center
</style>
