const { useState, Fragment } = React;

function Category({ category }) {
  return (
    

      {
        Object.entries(category).map(([categoryName, values]) => {
         return (
            
            
{categoryName}
            
            {values.map(({image, name}) => (
                
                
                    
                    
{name}
                
                
            ))}
            
            
          )
        })
      }
    
  )
}

const App = () => {
  const categories = [{ 'Gadgets': [ { 'name': 'iphone', 'image': '/assets/images/iphone.png', }, { 'name': 'samsung', 'image': '/assets/images/samsung.jpg', }, ] }, { 'Books': [ { 'name': 'Fiction', 'image': '/assets/images/book-1.jpg', }, { 'name': 'education', 'image': '/assets/images/book-2.jpg', }, ] }];

  return (
    
      {categories.map((category) => ())}
    )
}

ReactDOM.render(
  ,
  document.getElementById("root")
)