import React from 'react'
import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
import TransactionDetails from './TransactionDetails'
import LoanDetails from './LoanDetails'
import LoanChargeDetails from './LoanChargeDetails'
import RepaymentScheduleDetails from './RepaymentScheduleDetails'

export default function TransactionDetailsCom({id}) {
  return (
    <div className='w-full flex flex-col gap-8'>
        <BreadcrumbCom title='Transaction Details' span={`[${id}]`} paths={['Dashboard', 'Transactions Details']} />
        <TransactionDetails transactionID={id} />
        <LoanDetails transactionID={id} />
        <RepaymentScheduleDetails transactionID={id} />
        <LoanChargeDetails transactionID={id} />
    </div>
  )
}