import React from 'react'
import axios from 'axios';

const Categories = () => {

    const [categoryData, setCategoryData] = React.useState<any[]>([]);

    React.useEffect(() => {
      const getCatgeory = async() => {
        try {
          const response = await axios.get('https://api.jazzagain.com/public/index.php/api/getCategories');
          // Handle the response
          setCategoryData(response.data.categories)
          console.log('Response: 17', response.data.categories);
        } catch (error) {
          // Handle any errors that occurred during the request
          console.error('Error:', error);
        }
      }
      getCatgeory();
    }, [])

  return (
    <>
        {
            categoryData.map((item)=>{
            return (
                <option value={item._id} key={item._id}>{item.categoryName}</option>
            )
            })
        }
      </>
  )
}

export default Categories