import { Button } from '@/components/ui/button';
import { Download, Phone } from 'lucide-react';

export function CertificationInfo() {
  return (
    <div className="rounded-md border-l-4 border-primary bg-[#eff6ff] p-4 text-sm text-gray-700">
      <h3 className="mb-2 font-medium">尊敬的合作伙伴：</h3>
      <p className="mb-4">
        感谢您对平凯星辰数据库产品的关注，我们很高兴收到您关于产品适配认证的意向。如您有兼容适配需求，请先下载“互认证适配报告”模板和数据库安装包，在完成技术适配的相关测试工作和“互认证适配报告”文档编写后，点击【适配申请】按钮，在线提交申请，平凯星辰适配工作人员会尽快为您处理。如有疑问，请与我们的工作人员联系（400-6790-886），感谢您的关注与支持。
      </p>
      <div className="flex flex-wrap gap-4">
        <Button variant="outline" className="flex items-center gap-2" asChild>
          <a href="https://img1.pingcap.com/files/2025/06/%E4%BA%92%E8%AE%A4%E8%AF%81%E9%80%82%E9%85%8D%E6%8A%A5%E5%91%8A%E6%A8%A1%E6%9D%BF.zip">
            <Download className="h-4 w-4" />
            下载互认证适配报告模板
          </a>
        </Button>
        <div>
          <Button variant="outline" className="flex items-center gap-2" asChild>
            <a href="https://pingkai.cn/download" target="_blank">
              <Download className="h-4 w-4" />
              社区版安装包
            </a>
          </Button>
          <div className="text-sm text-center mt-1">请下载最新版 LTS</div>
        </div>
        <div>
          <Button
            variant="link"
            className="flex items-center gap-2 cursor-default hover:no-underline"
          >
            <Phone className="h-4 w-4" />
            企业版安装包，请拨打 400-6790-886
          </Button>
        </div>
      </div>
    </div>
  );
}