import { useState } from 'react'; 
import {cars} from './cars.data'; 
 
function Home() { 
  const [count, setCount] = useState(0) 
 
  return ( 
    <> 
      
 
        
Cars Catalog
 
 
            {cars.length ? cars.map( 
                car => ( 
                    
 
                        
                            backgroundImag: `url(${car.img_link})`, 
                        }}>
 
 
                        
{car.name}
 
                        
{new Intl.NumberFormat( 
                            'ru-Ru', {style: 'currency', currency: 'USD'} 
                        ).format(car.price)}n
 
 
                                                    border: 'none', 
                        }}>Read more 
                    
 
                ) 
            ) 
         
            : 
Cars no
 
 
        } 
        
 
     
  ) 
} 
 
export default Home 
 

 export const cars = [ 
    { 
        id: 1, 
        name: 'Honda Civic', 
        price: 10000, 
        img_link: './honda_civic.jpg', 
    }, 
     
    { 
        id: 2, 
        name: 'Tayota Corolla', 
        price: 25000, 
        img_link: 'https://upload.wikimedia.org/wikipedia/commons/5/5a/Black_Toyota_Corolla_Fielder_%28E160%29_front_2.jpg', 
    }, 
 
]