50 lines
1.5 KiB
React
50 lines
1.5 KiB
React
|
|
|
|
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
|