text: import React from 'react'
  import {
    CButton,
    CCard,
    CCardBody,
    CCardFooter,
    CCardHeader,
    CCol,
    CCollapse,
    CDropdownItem,
    CDropdownMenu,
    CDropdownToggle,
    CFade,
    CForm,
    CFormGroup,
    CFormText,
    CValidFeedback,
    CInvalidFeedback,
    CTextarea,
    CInput,
    CInputFile,
    CInputCheckbox,
    CInputRadio,
    CInputGroup,
    CInputGroupAppend,
    CInputGroupPrepend,
    CDropdown,
    CInputGroupText,
    CLabel,
    CSelect,
    CRow,
    CSwitch
  } from '@coreui/react'
  import CIcon from '@coreui/icons-react'
  
  
  const AddEmployeeComponent = () => {
   
    return (
      <>
       
        <CRow>
          <CCol xs="12" md="12">
            <CCard>
              <CCardHeader>
                Add Employee Component
               
              </CCardHeader>
              <CCardBody>
                <CForm action="" method="post" encType="multipart/form-data" className="form-horizontal">
                  <CFormGroup row>
                    <CCol md="3">
                      <CLabel htmlFor="select"> Employee</CLabel>
                    </CCol>
                    <CCol xs="9" md="9">
                       <CSelect custom name="select" id="select">
                        <option value="0">Select </option>
                        <option value="1">Employee 1</option>
                        <option value="2">Employee 2</option>
                        <option value="3">Employee 3</option>
                      </CSelect>
                    </CCol>
                  </CFormGroup>
  				 
  				 <CFormGroup row>
                    <CCol md="3">
                      <CLabel htmlFor="select"> Salary Component Type</CLabel>
                    </CCol>
                    <CCol xs="9" md="9">
                       <CSelect custom name="select" id="select">
                        <option value="0">Select </option>
                        <option value="1">Basic </option>
                        <option value="2">Allowance </option>
                        <option value="3"> Hourly </option>
  					  
                       
                      </CSelect>
                    </CCol>
                  </CFormGroup>
  				 <CFormGroup row>
                    <CCol md="3">
                      <CLabel htmlFor="select"> Amount</CLabel>
                    </CCol>
                    <CCol xs="9" md="9">
                      <CInput id="text-input" name="text-input" placeholder="Amount" />
                     
                    </CCol>
                  </CFormGroup>
                   <CFormGroup row>
                    <CCol md="3">
                      <CLabel htmlFor="select"> Details</CLabel>
                    </CCol>
                    <CCol xs="9" md="9">
                       <CTextarea 
                        name="textarea-input" 
                        id="textarea-input" 
                        rows="4"
                        placeholder="Content..." 
                      />
                    </CCol>
                  </CFormGroup>
                </CForm>
              </CCardBody>
              <CCardFooter className="text-center" >
  			 <CButton type="submit" size="sm" color="info"><CIcon name="cil-scrubber" /> Save </CButton>&nbsp;&nbsp;
                <CButton type="submit" size="sm" color="primary"><CIcon name="cil-scrubber" /> Save & Continue</CButton>&nbsp;&nbsp;
                <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban" /> Reset</CButton>
              </CCardFooter>
            </CCard>
           
          </CCol>
         
        </CRow>
       
       
        
       
       
      </>
    )
  }
  
  export default AddEmployeeComponent
  