| 27 | } |
| 28 | |
| 29 | function ScrollBar({ |
| 30 | className, |
| 31 | orientation = "vertical", |
| 32 | ...props |
| 33 | }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) { |
| 34 | return ( |
| 35 | <ScrollAreaPrimitive.ScrollAreaScrollbar |
| 36 | data-slot="scroll-area-scrollbar" |
| 37 | orientation={orientation} |
| 38 | className={cn( |
| 39 | "flex touch-none p-px transition-colors select-none", |
| 40 | orientation === "vertical" && |
| 41 | "h-full w-2.5 border-l border-l-transparent", |
| 42 | orientation === "horizontal" && |
| 43 | "h-2.5 flex-col border-t border-t-transparent", |
| 44 | className |
| 45 | )} |
| 46 | {...props} |
| 47 | > |
| 48 | <ScrollAreaPrimitive.ScrollAreaThumb |
| 49 | data-slot="scroll-area-thumb" |
| 50 | className="relative flex-1 rounded-full bg-border" |
| 51 | /> |
| 52 | </ScrollAreaPrimitive.ScrollAreaScrollbar> |
| 53 | ) |
| 54 | } |
| 55 | |
| 56 | export { ScrollArea, ScrollBar } |