import { Helmet } from 'react-helmet';
import { TransactionWithdrawEmoneyProvider } from './hooks/TransactionWithDrawalEmoneyContext';
import { Container } from '@/components';
import { Breadcrumbs, Link } from '@mui/material';
import WithdrawInput from './blocks/WithdrawInput';

const WithdrawalEmoney = () => {
  return (
    <>
      <Helmet>
        <title>TPAY | Withdrawal Emoney</title>
      </Helmet>
      <TransactionWithdrawEmoneyProvider>
        <Container className="mb-7">
          <h1 className="text-xl font-medium leading-none text-gray-900 mb-5">
            TRANSACTION WITHDRAWAL EMONEY
          </h1>
          <Breadcrumbs sx={{ mb: 2 }}>
            <Link underline="none" color="inherit" href="/">
              <span className="text-sm hover:underline">Dashboard</span>
            </Link>
            <Link underline="none" color="inherit">
              <span className="text-sm">Transaction</span>
            </Link>
            <Link underline="none" color="inherit">
              <span className="text-sm">Withdraw Saldo</span>
            </Link>
          </Breadcrumbs>
          <WithdrawInput />
        </Container>
      </TransactionWithdrawEmoneyProvider>
    </>
  );
};

export default WithdrawalEmoney;
