import React from "react";
function IconOrderNumber() {
return (
);
}
function IconOrderDate() {
return (
);
}
function IconPayment() {
return (
);
}
function IconTransaction() {
return (
);
}
type InfoTileProps = {
icon: React.ReactNode;
label: string;
value: string;
};
const InfoTile = ({ icon, label, value }: InfoTileProps) => (
);
type OrderConfirmationProps = {
orderNumber?: string;
orderDate?: string;
paymentMethod?: string;
transactionId?: string;
};
export default function OrderConfirmation({
orderNumber = "ORD-2025-0892",
orderDate = "Saturday, February 14, 2026 - 14:32",
paymentMethod = "Credit Card ending in •••• 4532",
transactionId = "TXN-20260214325892",
}: OrderConfirmationProps) {
return (
Order Confirmation
}
label="Order Number"
value={orderNumber}
/>
}
label="Order Date"
value={orderDate}
/>
}
label="Payment Method"
value={paymentMethod}
/>
}
label="Transaction ID"
value={transactionId}
/>
);
}