[{"lucide-react';\nimport Link from 'next/link": '\\\n\ninterface RelatedPost {\n  slug: string;\n  title: string;\n}\n\nexport default function RelatedPosts({ posts }: { posts: RelatedPost[] }) {\n  return (\n    <div className="mt-12 pt-8 border-t border-gray-800">\n      <h3 className="text-xl font-bold mb-4 text-white">Related Posts</h3>\n      <div className="space-y-3">\n        {posts.map((post) => (\n          <Link \n            key={post.slug}\n            href={`/blog/${post.slug}`}\n            className="block text-gray-600 hover:text-purple-400 transition group"\n          >\n            <div className="flex items-center justify-between">\n              <span>{post.title}</span>\n              <span className="opacity-0 group-hover:opacity-100 transition">→</span>\n            </div>\n          </Link>\n        ))}\n      </div>\n    </div>\n  );\n}'}]