import type { ReactNode, HTMLAttributes } from "react";

export interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
  children: ReactNode;
}

export function ScrollArea({
  children,
  className,
  ...props
}: ScrollAreaProps) {
  return (
    <div
      className={["scroll-area", className].filter(Boolean).join(" ")}
      {...props}
    >
      <div className="scroll-area-content custom-scrollbar">
        {children}
      </div>
    </div>
  );
}
