---
import type { HTMLAttributes } from 'astro/types'

interface Props extends HTMLAttributes<"figure">{}

const props = Astro.props
---

<figure {...props}>
  <slot />
</figure>

<style>
  .content figure.image {
      display: flex;
      flex-flow: column;
      align-items: center;
      gap: 8px;
      margin-top: 16px;
      margin-bottom: 16px;
  }
</style>