---

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

interface Props {
    tag: string;
    noLink?: boolean;
}

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

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