import type { ReactNode } from "react";
import { Link } from "react-router-dom";
import { Lock } from "lucide-react";
import { useTranslation } from "react-i18next";
export interface HubReportNavCardProps {
to: string;
icon: ReactNode;
title: string;
description: string;
/**
* Show a lock badge on the card (gated feature, license ready and not
* entitled). The card stays clickable — the gated route renders the upsell.
*/
locked?: boolean;
}
export default function HubReportNavCard({
to,
icon,
title,
description,
locked,
}: HubReportNavCardProps) {
const { t } = useTranslation();
return (
{locked && (
)}