import Link from "@/src/components/twui/layout/Link";
import MonoText from "../mono-text";
import type { ClientRouteView } from "@/src/functions/backend/acme/decorate-client-route";

type Props = {
    route: ClientRouteView;
};

export default function ClientRouteNameCell({ route }: Props) {
    const host_id = Number(route.host_id || 0);

    return (
        <Link
            href={`/admin/hosts/${host_id}/routes/${Number(route.id || 0)}`}
            className="border-b-0! no-underline!"
        >
            <MonoText className="text-fg hover:text-primary">
                {route.hostname || route.name || "—"}
            </MonoText>
        </Link>
    );
}