`import React from 'react';
import './Projects.css';
import TouchCarousel from 'react-touch-carousel'
const Projects = () => {
const myProjects = [
{
image: require('../assets/budget.png'),
title: 'Budget App',
description: 'A budget app that allows you to track your expenses and income. You can also add new expenses and income to your budget.',
},
{
image: require('../assets/weather.PNG'),
title: 'Weather App',
description: 'A weather app that allows you to search for weather conditions in any city. You can also add a new city to your list of cities.',
},
]
function CarouselContainer(){
// render the carousel structure
}
function renderCard(index, modIndex, cursor){
const item = myProjects[modIndex];
// render the item
}
return (
<TouchCarousel
component={CarouselContainer}
cardCount={myProjects.length}
cardSize={375}
renderCard={renderCard}
loop
autoplay={3000}
></TouchCarousel>
)
}
export default Projects`
what am i missing? my screen just shows blank