import React from 'react'

const ExpenseList = () => {
  return (
           <div className="card ">
              <div className="card-datatable table-responsive">
                <div
                  id="DataTables_Table_0_wrapper"
                  className="dataTables_wrapper dt-bootstrap5 no-footer"
                >

                      <table
                    className="datatables-users table border-top dataTable no-footer dtr-column text-nowrap"
                    id="DataTables_Table_0"
                    aria-describedby="DataTables_Table_0_info"
           
                  >
                    <thead>
                      <tr className=''>
                        <th
                          className="sorting sorting_desc"
                          tabIndex="0"
                          aria-controls="DataTables_Table_0"
                          rowSpan="1"
                          colSpan="3"
                          aria-label="User: activate to sort column ascending"
                          aria-sort="descending"
                        >
                          <div className="text-start ms-6">Date</div>
                        </th>
                        <th
                          className="sorting sorting_desc  d-sm-table-cell"
                          tabIndex="0"
                          aria-controls="DataTables_Table_0"
                          rowSpan="1"
                          colSpan="1"
                          aria-label="User: activate to sort column ascending"
                          aria-sort="descending"
                        >
                           <div className="text-start ms-5">Expense Type</div>
                        </th>
                        <th
                          className="sorting sorting_desc d-none d-sm-table-cell"
                          tabIndex="0"
                          aria-controls="DataTables_Table_0"
                          rowSpan="1"
                          colSpan="1"
                          aria-label="User: activate to sort column ascending"
                          aria-sort="descending"
                        >
                          <div className="text-start ">Payment mode</div>
                        </th>
                        <th
                          className="sorting sorting_desc  d-none  d-sm-table-cell"
                          tabIndex="0"
                          aria-controls="DataTables_Table_0"
                          rowSpan="1"
                          colSpan="1"
                          aria-label="User: activate to sort column ascending"
                          aria-sort="descending"
                        >
                          <div className="text-start ">Paid By</div>
                        </th>
                        
                            <th
                          className="sorting"
                          tabIndex="0"
                          aria-controls="DataTables_Table_0"
                          rowSpan="1"
                          colSpan="1"
                          aria-label="Billing: activate to sort column ascending"
                        >
                          Status
                        </th>
                        <th
                          className="sorting  d-none  d-md-table-cell"
                          tabIndex="0"
                          aria-controls="DataTables_Table_0"
                          rowSpan="1"
                          colSpan="1"
                          aria-label="Plan: activate to sort column ascending"
                        >
                          Amount
                        </th>
                    
                      </tr>
                    </thead>
                    <tbody>
                         
                    </tbody>
                    </table>
                </div>
                </div>
                </div>
  )
}

export default ExpenseList