
import React from 'react'
import { Col, Row } from 'reactstrap';
import ValidationField from '../../../Components/ValidationField/ValidationField';
import { FaCheck, FaTimes, FaClock, FaBan } from 'react-icons/fa';


function Form() {


  // 'pending_approve', 'approved', 'rejected', 'pending_cancellation', 'cancelled'
  const stateSelect = [
    { label: <div className='orderStatus_select'><FaClock /> Pending Approve</div>, value: "pending_approve" },
    { label: <div className='orderStatus_select'><FaCheck /> Approved</div>, value: "approved" },
    { label: <div className='orderStatus_select'><FaTimes /> Rejected</div>, value: "rejected" },
    { label: <div className='orderStatus_select'><FaBan /> Pending Cancellation</div>, value: "pending_cancellation" }
  ];


  return (
    <Row xs={1} sm={1} md={1} lg={2} xl={2}>
      <Col>

        <ValidationField name="state" type='Select' option={stateSelect} />
        <ValidationField name="delivery_link" />



      </Col>
      <Col>
        <ValidationField name="admin_note" />
        <ValidationField name="deliviration_estimated_time" Format="YYYY/MM/DD" type='Date' />

      </Col>



    </Row>
  )
}

export default Form


