import React from 'react'

function Dashbord() {
  return (
    <>
              <div className='container-fluid w-100  p-3  px-4 bg-light' style={{height:'90vh'}}>
                
                  <center><h3 className='text-primary'>Payment Reconciliation</h3></center> 

                  <div className="  d-flex gap-4 flex-row mt-4 flex-wrap">

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>Profile</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>States</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>District</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>Blocks</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>Village</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>Sub-Contractor</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>Invoice</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>Payment</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>GST Release</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>Hold Types</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>

                            <div className="block border bg-white gap-3 p-2 d-flex flex-column">
                                      <h4 className='m-auto'>Work Order</h4>
                                      <button className='btn m-auto w-25 btn-primary'>Go</button>
                            </div>
                      </div>
        </div>
    </>
  )
}

export default Dashbord;