text: import React from 'react'
  import {
  	CHeaderNav,
    CHeaderNavItem,
    CHeaderNavLink,
    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'
  import { DocsLink } from 'src/reusable'
  
  
  
  const AddSubscriptions = () => {
    const [collapsed, setCollapsed] = React.useState(true)
    const [showElements, setShowElements] = React.useState(true)
  
    return (
      <>
        
        <CRow>
          <CCol xs="12" md="12">
            <CCard>
              <CCardHeader>
               Add a new Subscription
               
              </CCardHeader>
              <CCardBody>
                <CForm action="" method="post" encType="multipart/form-data" className="form-horizontal">
  			      <CFormGroup row className="my-0">
                  <CCol xs="6">
                    <CFormGroup>
                      <CLabel htmlFor="first"> Name </CLabel>
                      <CInput id="first" placeholder=" " />
                    </CFormGroup>
                  </CCol>
                  <CCol xs="6">
                    <CFormGroup>
                      <CLabel htmlFor="last">Descriptions</CLabel>
                       <CTextarea 
                        name="textarea-input" 
                        id="textarea-input" 
                        rows="3"
                        placeholder="..." 
                      />
                    </CFormGroup>
                  </CCol>
                </CFormGroup>
                   <CFormGroup row className="my-0">
                  <CCol xs="6">
                    <CFormGroup>
                      <CLabel htmlFor="first"> Maximum Listings</CLabel>
                      <CInput id="first" placeholder=" " />
                    </CFormGroup>
                  </CCol>
                  <CCol xs="6">
                    <CFormGroup>
                      <CLabel htmlFor="phone">Maximum Featured Listings</CLabel>
                      <CInput id="first" placeholder=" " />
                    </CFormGroup>
                  </CCol>
                </CFormGroup>
  			    <CFormGroup row className="my-0">
                  <CCol xs="6">
                    <CFormGroup>
                      <CLabel htmlFor="first"> Maximum Banners</CLabel>
                      <CInput id="first" placeholder=" " />
                    </CFormGroup>
                  </CCol>
                  <CCol xs="6">
                    <CFormGroup>
                      <CLabel htmlFor="first">Price</CLabel>
                      <CInput id="first" placeholder=" " />
                    </CFormGroup>
                  </CCol>
                </CFormGroup>
  			  
  			  
  			   <CFormGroup row className="my-0">
                  <CCol xs="6">
                    <CFormGroup>
                      <CLabel htmlFor="company">Billed (Months)</CLabel>
                       <CSelect custom name="select" id="select">
                        <option value="0">Select  </option>
                        <option value="1">1</option>
                        <option value="2">3</option>
                        <option value="3">6</option>
  					   <option value="4">12</option>
                       
                      </CSelect>
                    </CFormGroup>
                  </CCol>
                  <CCol xs="6">
                    <CFormGroup>
                      <CLabel htmlFor="tag-line">Payment Code</CLabel>
                      <CInput id="first" placeholder=" " />
                    </CFormGroup>
                  </CCol>
                </CFormGroup>
  			   
  			     
                </CForm>
  			
              </CCardBody>
              <CCardFooter>
                <CButton type="submit" size="sm" color="primary"><CIcon name="cil-scrubber" /> Submit</CButton>
                <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban" /> Reset</CButton>
              </CCardFooter>
            </CCard>
            
          </CCol>
              
        
        </CRow>
       
       
      </>
    )
  }
  
  export default AddSubscriptions
  