import React from 'react';

import { DrawerBody } from 'components';
import PaymentMadeDetails from './PaymentMadeDetails';
import { PaymentMadeDetailProvider } from './PaymentMadeDetailProvider';

/**
 * Payment made detail content.
 */
export default function PaymentMadeDetailContent({
  // #ownProp
  paymentMadeId,
}) {
  return (
    <PaymentMadeDetailProvider paymentMadeId={paymentMadeId}>
      <DrawerBody>
        <PaymentMadeDetails />
      </DrawerBody>
    </PaymentMadeDetailProvider>
  );
}