import React, { useState } from 'react';
import {
  MDBCard,
  MDBCardBody,
  MDBCardTitle,
  MDBCardText,
  MDBBtn
} from 'mdb-react-ui-kit';
import AppContainer from '../../appContainer';

 const StockCheckContainer = () => {
    const [code, setCode] = useState('')
  return (
    <AppContainer title={'  پیگیری درخواست  '}>
      <MDBCard className='shadow-xl container mt-20'>
        <MDBCardBody>
          <div className='container flex flex-col items-center justify-center gap-y-6'>
          <MDBCardTitle>پیگیری درخواست </MDBCardTitle>
                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='username'>
                    کد پیگیری
                </label>
                <div className='text-end'>
                  <input
                    onChange={e => setCode(e.target.value)}
                    className='outline-0 bg-transparent w-11/12 text-end pt-3
                   border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
                    id='username'
                    type='text'
                    placeHolder=' کد پیگیری خود را وارد کنید      '
                  />
                </div>
                <MDBBtn>استعلام درخواست</MDBBtn>

              </div>
        </MDBCardBody>
      </MDBCard>
      <br />

    <br />
      <br />
      <br />
      <br />
    </AppContainer>
  )
}

export default StockCheckContainer