import { Col, Row } from "antd";
import { twMerge } from "tailwind-merge";

export const ReportStage = ({ report }) => {
  return (
    <>
      <Row className={twMerge("p-1")}>
        <Col className="text-gray-600" span={12}>
          Всего точек:
        </Col>
        <Col className="font-semibold" span={12}>{report.total}</Col>
      </Row>
      <Row className={twMerge("p-1")}>
        <Col className={"text-gray-600"} span={12}>
          Совпадений:
        </Col>
        <Col className="font-semibold text-[#2f54eb]" span={12}>{report.matched}</Col>
      </Row>
      <Row className={twMerge("p-1")}>
        <Col className={"text-gray-600"} span={12}>
          Проблемные:
        </Col>
        <Col className="font-semibold text-[#f5222d]" span={12}>{report.error}</Col>
      </Row>
      <Row className={twMerge("p-1")}>
        <Col className={"text-gray-600"} span={12}>
          Новые:
        </Col>
        <Col className="font-semibold text-[#52c41a]" span={12}>{report.unmatched}</Col>
      </Row>

    </>
  );
}