
import React, { useEffect } from 'react'
import { Col, Row } from 'reactstrap';
import ValidationField from '../../../Components/ValidationField/ValidationField';
import {  useGetCategories } from '../../../api/Categories';
import useFormatToSelect from '../../../Hooks/useFormatToSelect';
import FieldGroup from '../Groups/FieldGroup';
function Form() {
  const {data:Categories} = useGetCategories()
  const SelectCategoriesData = useFormatToSelect(Categories?.data)
  
  
  return (
    <Row xs={1} sm={1} md={1} lg={2} xl={2}>
      <Col>
        <ValidationField name="name" />
        <ValidationField name="address" />
        <ValidationField name="categories" type='Select' option={SelectCategoriesData} isMulti />
        {/* <ValidationField name="description" type='TextArea' /> */}
        <ValidationField name="phone_number" />
        <ValidationField name="email" />
        <FieldGroup array_name='slogan' title='slogan' />

      </Col>
      <Col>

      <ValidationField type='File' name='logo'  />

    <ValidationField type='MaltyFile' name='images'  />
    <ValidationField type='File' name='video'  acceptedFileType='.mp4' />



      </Col>



    </Row>
  )
}

export default Form




