import Image from "next/image";
import Link from "next/link";
import { ArrowUpRight } from "lucide-react";
import type { Tool } from "@/lib/tool-data";

export function ToolCard({ tool }: { tool: Tool }) {
  return <Link className="tool-card" href={`/tools/${tool.slug}/`}><div className="tool-card-image"><Image src={tool.image} alt="" fill sizes="400px"/><ArrowUpRight/></div><p>{tool.eyebrow}</p><h2>{tool.name}</h2><span>{tool.description}</span></Link>;
}