Files
Epicure/apps/web/components/pantry/pantry-page-header.tsx
T
2026-07-01 11:10:37 +02:00

29 lines
999 B
TypeScript

"use client";
import { useTranslations } from "next-intl";
import Link from "next/link";
import { ChefHat, Printer } from "lucide-react";
import { buttonVariants } from "@/components/ui/button";
import { cn } from "@/lib/utils";
export function PantryPageHeader() {
const t = useTranslations("pantry");
return (
<div className="flex items-start justify-between">
<div>
<h1 className="text-3xl font-bold tracking-tight">{t("title")}</h1>
<p className="text-muted-foreground mt-1">{t("subtitle")}</p>
</div>
<div className="flex items-center gap-2">
<Link href="/recipes/can-cook" className={cn(buttonVariants({ variant: "outline", size: "sm" }))}>
<ChefHat className="h-4 w-4" />
{t("canCook")}
</Link>
<a href="/print/pantry" target="_blank" className={cn(buttonVariants({ variant: "outline", size: "sm" }))}>
<Printer className="h-4 w-4" />
Print
</a>
</div>
</div>
);
}