import React from "react";

export function ScrollArea({ scrollFade = false, className = "", style, children, ...props }) {
  const cls = ["o-scroll", scrollFade ? "o-scroll--fade" : "", className].filter(Boolean).join(" ");
  return <div className={cls} data-slot="scroll-area" style={style} {...props}>{children}</div>;
}
