| 286 | }; |
| 287 | |
| 288 | const scrollTabs = (direction: 'left' | 'right') => { |
| 289 | const container = scrollContainerRef.current; |
| 290 | if (!container) return; |
| 291 | |
| 292 | const scrollAmount = 200; |
| 293 | const newScrollLeft = direction === 'left' |
| 294 | ? container.scrollLeft - scrollAmount |
| 295 | : container.scrollLeft + scrollAmount; |
| 296 | |
| 297 | container.scrollTo({ |
| 298 | left: newScrollLeft, |
| 299 | behavior: 'smooth' |
| 300 | }); |
| 301 | }; |
| 302 | |
| 303 | return ( |
| 304 | <div className={cn("flex items-stretch bg-muted/15 relative border-b border-border/50", className)}> |