import React from "react";
import type { InKindVsCashResult, InKindVsCashParams } from "./index";

interface ExplainProps {
  result: InKindVsCashResult;
  params: InKindVsCashParams;
}

export const InKindVsCashExplain: React.FC<ExplainProps> = ({
  result,
  params,
}) => {
  const {
    analysis,
    isDistorted,
    bindingThresholdT,
    cashEquivalent,
    deadweightLoss,
  } = result;

  const { pointA, pointB, pointC } = analysis;
  const T = params.transfer;
  const alpha = params.alpha;

  return (
    <div className="space-y-4 text-xs leading-relaxed text-slate-700">
      <div>
        <h3 className="text-sm font-bold text-slate-900">
          Cơ chế kinh tế của Trợ cấp Hiện vật và Trợ cấp Tiền mặt
        </h3>
        <p className="mt-1 text-slate-500">
          Trích dẫn: Pindyck &amp; Rubinfeld (2015), Kinh tế học vi mô, Chương 3, Hình 3.17, trang 91 và ví dụ Tem phiếu thực phẩm, trang 67, 68.
        </p>
      </div>

      <div className="rounded-lg bg-slate-50 p-3 border border-slate-200 space-y-2">
        <h4 className="font-bold text-slate-800">
          1. Ngân sách gãy khúc và điều kiện gây méo mó hành vi
        </h4>
        <p>
          Với thu nhập ban đầu I0 = 100 USD và tỷ trọng ưa thích α = {alpha.toFixed(2)}, người thụ hưởng chỉ tự nguyện chi {pointA.x.toFixed(1)} USD cho hàng hóa X và dành {pointA.y.toFixed(1)} USD cho các hàng hóa khác Y tại điểm gốc A({pointA.x.toFixed(1)}, {pointA.y.toFixed(1)}).
        </p>
        <p>
          Khi nhận khoản trợ cấp hiện vật quy mô T = {T.toFixed(0)} USD ràng buộc chỉ được chi cho hàng hóa X, tập ngân sách bị giới hạn: người nhận không được phép đổi số hàng này lấy hàng hóa Y. Do đó, đường ngân sách đi ngang tại mức Y = 100 USD cho đến đỉnh gãy B({T.toFixed(0)}, 100), sau đó dốc xuống theo đường ngân sách tiền mặt.
        </p>
        <p>
          Ngưỡng tới hạn để khoản trợ cấp bắt đầu ép buộc hành vi là: T* = [α / (1 - α)] × 100 = {bindingThresholdT.toFixed(2)} USD.
        </p>
      </div>

      <div
        className={`rounded-lg p-3 border ${
          isDistorted
            ? "bg-amber-50/70 border-amber-200 text-amber-950"
            : "bg-emerald-50/70 border-emerald-200 text-emerald-950"
        } space-y-2`}
      >
        <h4 className="font-bold">
          2. Đối chiếu phúc lợi: Hiện vật (Điểm B) vs Tiền mặt (Điểm C)
        </h4>

        {isDistorted ? (
          <>
            <p>
              • Quy mô trợ cấp T = {T.toFixed(0)} USD <strong>vượt quá ngưỡng tự nguyện</strong> T* = {bindingThresholdT.toFixed(2)} USD.
            </p>
            <p>
              • Khi nhận hiện vật, người thụ hưởng bị kẹt tại đỉnh gãy B({pointB.x.toFixed(1)}, {pointB.y.toFixed(1)}), chỉ đạt mức thỏa dụng UB = {pointB.utility.toFixed(2)}. Tại B, MRS = {pointB.mrs.toFixed(2)} nhỏ hơn tỷ số giá Px/Py = 1.00. Điều này cho thấy người nhận bị ép tiêu thụ quá nhiều hàng hóa X và tha thiết muốn giảm bớt X để đổi lấy Y.
            </p>
            <p>
              • Nếu nhận tiền mặt tương đương T = {T.toFixed(0)} USD, họ tự do chọn điểm tiếp xúc nội bộ C({pointC.x.toFixed(1)}, {pointC.y.toFixed(1)}) và đạt mức thỏa dụng UC = {pointC.utility.toFixed(2)} cao hơn hẳn UB.
            </p>
            <p>
              • <strong>Giá trị tiền mặt tương đương (Cash Equivalent):</strong> Gói trợ cấp hiện vật {T.toFixed(0)} USD chỉ mang lại mức thỏa dụng tương đương với khoản tiền mặt trị giá {cashEquivalent.toFixed(2)} USD.
            </p>
            <p>
              • <strong>Tổn thất phúc lợi xã hội (Deadweight Loss):</strong> {deadweightLoss.toFixed(2)} USD ngân sách chính phủ bị lãng phí do hạn chế quyền tự do lựa chọn của người dân.
            </p>
          </>
        ) : (
          <>
            <p>
              • Quy mô trợ cấp T = {T.toFixed(0)} USD <strong>nhỏ hơn hoặc bằng ngưỡng tự nguyện</strong> T* = {bindingThresholdT.toFixed(2)} USD.
            </p>
            <p>
              • Khoản trợ cấp nhỏ hơn mức người thụ hưởng tự nguyện chi trả cho X. Do đó, điểm tối ưu hiện vật B trùng khít hoàn toàn với điểm tối ưu tiền mặt C({pointB.x.toFixed(1)}, {pointB.y.toFixed(1)}).
            </p>
            <p>
              • Thỏa dụng đạt UB = UC = {pointB.utility.toFixed(2)} với MRS = 1.00. Trợ cấp hiện vật trong trường hợp này <strong>hoàn toàn tương đương tiền mặt</strong> và không gây bất kỳ tổn thất phúc lợi nào (DWL = 0).
            </p>
          </>
        )}
      </div>

      <div className="rounded-lg bg-indigo-50/60 p-3 border border-indigo-150 text-indigo-950 space-y-1">
        <h4 className="font-bold">
          3. Hàm ý chính sách công (FSPPM Policy Memo)
        </h4>
        <p>
          Tại sao chính phủ vẫn cấp tem phiếu thực phẩm hoặc quỹ ủy thác giáo dục thay vì tiền mặt? Về mặt kinh tế học phúc lợi cá nhân, tiền mặt luôn vượt trội hoặc tối thiểu bằng hiện vật. Tuy nhiên, chính phủ chuộng hiện vật vì mục tiêu gia trưởng đạo đức (merit goods) nhằm bảo vệ trẻ em trong hộ gia đình và thỏa mãn cử tri đóng thuế rằng tiền của họ được dùng đúng mục đích giáo dục hoặc dinh dưỡng.
        </p>
      </div>
    </div>
  );
};