import e from"react";import{formatEther as v}from"ethers/lib/utils";var T=({txHash:r,from:l,to:c,value:d,gasUsed:p,blockNumber:u,status:n,timestamp:f,containerProps:x,headerProps:g,contentProps:N,rowProps:t,labelProps:s,valueProps:a,statusProps:o})=>{let m=i=>`${i.slice(0,6)}...${i.slice(-4)}`,y=i=>new Date(i*1e3).toLocaleString();return e.createElement("div",{className:"bg-white shadow-lg rounded-lg p-6 max-w-2xl mx-auto",...x},e.createElement("div",{className:"text-2xl font-bold mb-4 text-gray-800",...g},"Transaction Receipt"),e.createElement("div",{className:"space-y-3",...N},e.createElement("div",{className:"flex justify-between items-center",...t},e.createElement("span",{className:"text-gray-600 font-medium",...s},"Status:"),e.createElement("div",{className:`px-3 py-1 rounded-full text-white ${n==="success"?"bg-green-500":n==="failure"?"bg-red-500":"bg-yellow-500"}`,...o},n.charAt(0).toUpperCase()+n.slice(1))),e.createElement("div",{className:"flex justify-between items-center",...t},e.createElement("span",{className:"text-gray-600 font-medium",...s},"Transaction Hash:"),e.createElement("span",{className:"text-blue-600 truncate max-w-xs",...a},r)),e.createElement("div",{className:"flex justify-between items-center",...t},e.createElement("span",{className:"text-gray-600 font-medium",...s},"From:"),e.createElement("span",{className:"text-gray-800",...a},m(l))),e.createElement("div",{className:"flex justify-between items-center",...t},e.createElement("span",{className:"text-gray-600 font-medium",...s},"To:"),e.createElement("span",{className:"text-gray-800",...a},m(c))),e.createElement("div",{className:"flex justify-between items-center",...t},e.createElement("span",{className:"text-gray-600 font-medium",...s},"Value:"),e.createElement("span",{className:"text-gray-800",...a},v(d)," ETH")),e.createElement("div",{className:"flex justify-between items-center",...t},e.createElement("span",{className:"text-gray-600 font-medium",...s},"Gas Used:"),e.createElement("span",{className:"text-gray-800",...a},p)),e.createElement("div",{className:"flex justify-between items-center",...t},e.createElement("span",{className:"text-gray-600 font-medium",...s},"Block Number:"),e.createElement("span",{className:"text-gray-800",...a},u)),e.createElement("div",{className:"flex justify-between items-center",...t},e.createElement("span",{className:"text-gray-600 font-medium",...s},"Timestamp:"),e.createElement("span",{className:"text-gray-800",...a},y(f)))))},L=T;export{L as default};
//# sourceMappingURL=TransactionReceipt.mjs.map