---
// Plain <pre><code> inside .card-code (no highlight markup).
import CardTitle from '@ui/CardTitle.astro'

const code = `.card-footer {
  background: transparent;

  &:last-child {
    border-radius: 0 0 4px 4px;
  }
}`
---

<div class="card">
  <div class="card-header">
    <CardTitle>Card with code</CardTitle>
  </div>
  <div class="card-code">
    <pre><code>{code}</code></pre>
  </div>
</div>