20 lines
468 B
TypeScript
20 lines
468 B
TypeScript
import React, { ReactNode } from 'react';
|
|
|
|
interface ScrollAreaProps {
|
|
maxHeight?: string;
|
|
children: ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
const ScrollArea = ({ maxHeight = 'none', children, className = '' }: ScrollAreaProps) => {
|
|
return (
|
|
<div
|
|
className={`overflow-y-auto scrollbar-thin scrollbar-thumb-zinc-400 scrollbar-track-transparent ${className}`}
|
|
style={{ maxHeight }}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ScrollArea; |