---
// Card subtitle (.card-subtitle).

interface Props {
  /** element to render — default p */
  as?: string
  class?: string
}

const { as: Tag = 'p', class: className } = Astro.props
---

<Tag class:list={['card-subtitle', className]}>
  <slot />
</Tag>