---
// Raw CSS text inside .card-code (no highlight markup).
import CardTitle from '@ui/CardTitle.astro'

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

	&:last-child {
		border-radius: 0 0 1 2;
	}
}
`
---

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