import { Typography } from '@mui/material'

interface Props {
  title: string
  transaction: string
}

const CashBankDetailTransactionHeader = ({ title, transaction }: Props) => {
  return (
    <div className='flex flex-wrap sm:items-center justify-between max-sm:flex-col gap-6'>
      <div>
        <Typography variant='h4' className='mbe-1'>
          {title}
        </Typography>
        <Typography variant='h6' className='mbe-1'>
          Transaksi: {transaction}
        </Typography>
      </div>
    </div>
  )
}

export default CashBankDetailTransactionHeader
