---

import {l} from "../util/util";
import {capitalize} from "./admin/util";

interface Props {
    tag: string;
}

const {tag} = Astro.props;
---

<a href={l(`/announcements/tags/${tag}`)}>
    <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 shadow-2xl">{capitalize(tag)}</span>
</a>
