import React from 'react' import { Head, router } from '@inertiajs/react' import CustomerLayout from '@/Layouts/CustomerLayout' import VoucherCard from './VoucherCard' import { HiChevronLeft, HiClipboardDocumentList } from 'react-icons/hi2' import { convertPayedWith, handleCopyToClipboard } from '../utils' export default function Detail({ sale }) { return (

{ router.get(route('transactions.sale.index')) }} >

handleCopyToClipboard(sale.code)} >

{sale.code}

{sale.format_created_at}

TOTAL

{convertPayedWith(sale.payed_with)}

{sale.display_amount}

{sale.items.map((item) => ( ))}

) }