// Adapted from shadcn/ui (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { ScrollArea as Primitive } from "./_ynrlib/radix-ui.js";
export function ScrollArea({
  children,
  className = "",
  viewportLabel = "Scrollable content",
  ...props
}: ComponentProps<typeof Primitive.Root> & { viewportLabel?: string }) {
  return (
    <Primitive.Root {...props} className={`ynr-scroll-area ${className}`}>
      <Primitive.Viewport
        tabIndex={0}
        role="region"
        aria-label={viewportLabel}
        className="ynr-scroll-area-viewport"
      >
        {children}
      </Primitive.Viewport>
      <ScrollBar />
      <ScrollBar orientation="horizontal" />
      <Primitive.Corner />
    </Primitive.Root>
  );
}
export function ScrollBar({
  className = "",
  orientation = "vertical",
  ...props
}: ComponentProps<typeof Primitive.Scrollbar>) {
  return (
    <Primitive.Scrollbar
      {...props}
      orientation={orientation}
      className={`ynr-scroll-area-scrollbar ${className}`}
    >
      <Primitive.Thumb className="ynr-scroll-area-thumb" />
    </Primitive.Scrollbar>
  );
}