I need help implementing a feature where I can slide horizontally through a collection grid of 10 movie items per row, similar to Netflix grids. Is there an easy way to achieve this with arrows on the right and left ends?
<div className="collection-preview">
<h1 className="title">{title.toUpperCase()}</h1>
<div className="preview">
{
movies
? (movieData.map(({id, ...otherProps}) => <CollectionItem key={id} {...otherProps} />))
: null
}
{
tvshow
? (tvData.map(({id, ...otherProps}) => <CollectionItem key={id} {...otherProps} />))
: null
}
</div>
</div>