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;