"use client";

import { CheckCircle2, Radio } from "lucide-react";
import type { EnquiryCreatedBlock } from "@/lib/chat/types";
import { useChatBlocks } from "../ChatBlockContext";
import { BlockCard, ChatLink } from "./shared";
import { EnquirySummaryCard } from "./EnquiryList";

export default function EnquiryCreated({ block }: { block: EnquiryCreatedBlock }) {
  const { copy } = useChatBlocks();
  if (!block.enquiry) return null;

  return (
    <BlockCard className="space-y-2 ring-emerald-100">
      <p className="flex items-center gap-1.5 font-semibold text-emerald-700">
        <CheckCircle2 size={15} aria-hidden /> {copy.enquiryCreatedTitle}
      </p>
      <EnquirySummaryCard enquiry={block.enquiry} />
      <ChatLink
        href={block.enquiry.href}
        className="w-full justify-center gap-1.5 rounded-lg bg-[#CC1414] px-3 py-2 text-xs text-white hover:bg-[#A50E0E] hover:no-underline"
      >
        <Radio size={13} aria-hidden /> {copy.watchBidding}
      </ChatLink>
    </BlockCard>
  );
}