{stars}

\n {rating.toFixed(1)}\n

\n );\n };\n\n return (\n

\n {/* Featured Badge */}\n {tool.featured && (\n

\n ⭐ Featured\n

\n )}\n\n {/* Category Icon & Name */}\n

\n {category && (\n <>\n {category.icon}\n \n {category.name}\n \n \n )}\n

\n \n {/* Pricing Badge */}\n

\n {getPricingText(tool.pricing)}\n

\n\n {/* Tool Name */}\n

\n {tool.name}\n

\n\n {/* Description */}\n

\n {tool.description}\n

\n\n {/* Tags */}\n {tool.tags && tool.tags.length > 0 && (\n

\n {tool.tags.slice(0, 3).map((tag, index) => (\n \n #{tag}\n \n ))}\n {tool.tags.length > 3 && (\n \n +{tool.tags.length - 3} more\n \n )}\n

\n )}\n\n {/* Rating */}\n {tool.rating && (\n

\n {renderStars(tool.rating)}\n

\n )}\n\n {/* Action Button */}\n

\n \n Try Now\n \n \n\n {/* Share Button */}\n {\n if (navigator.share) {\n navigator.share({\n title: tool.name,\n text: tool.description,\n url: tool.url\n });\n } else {\n navigator.clipboard.writeText(tool.url);\n // Could add a toast notification here\n }\n }}\n className=\"p-2 text-gray-400 hover:text-white transition-colors\"\n title=\"Share this tool\"\n >\n \n \n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/DevGoku/untitled-9921/code/frontend/components/ToolCard.tsx","extension","actionData","errors"]