---
interface Props {
  name: string
  slug: string
}
const { name, slug } = Astro.props
---

<a class="tag" href={`/tags/${slug}`}>
  <img width="12" height="12" src="/icons/tag.svg" alt="Тег" />
  {name}
</a>

<style>
  .tag {
    width: fit-content;
    font-size: 10px;
    background-color: #323232;
    padding: 2px 8px;
    border-radius: 15px;
    display: flex;
    gap: 5px;
    align-items: center;
    color: #ddd;
  }
</style>