import { ClassValue, StyledComponentProps } from "../../types/shared.js";
import { ScrollAreaSlots } from "./scroll-area-variants.js";
import { ScrollAreaProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaViewportProps } from "@radix-ui/react-scroll-area";

//#region src/components/scroll-area/types.d.ts

/**
 * Class names for different slots in the scroll area component.
 * Allows customizing styles for the root, scrollbar, thumb, and viewport elements.
 */
type ScrollAreaUi = Partial<Record<ScrollAreaSlots, ClassValue>>;
/**
 * Props for the scroll area root component.
 * Provides the container for scrollable content with custom scrollbar styling.
 */
interface ScrollAreaRootProps extends StyledComponentProps<ScrollAreaProps> {}
/**
 * Props for the scroll area scrollbar component.
 * Represents the track element that contains the thumb for vertical or horizontal scrolling.
 */
interface ScrollAreaScrollbarProps$1 extends StyledComponentProps<ScrollAreaScrollbarProps> {}
/**
 * Props for the scroll area thumb component.
 * The draggable indicator that shows the scroll position and can be dragged to scroll.
 */
interface ScrollAreaThumbProps$1 extends StyledComponentProps<ScrollAreaThumbProps> {}
/**
 * Props for the scroll area viewport component.
 * The container that holds the actual scrollable content.
 */
interface ScrollAreaViewportProps$1 extends StyledComponentProps<ScrollAreaViewportProps> {}
/**
 * Props for the main ScrollArea component.
 * Combines root, scrollbar, and viewport configurations for a complete scrollable region.
 *
 * @example
 * ```tsx
 * <ScrollArea classNames={{ viewport: "max-h-96" }}>
 *   <div>Scrollable content here</div>
 * </ScrollArea>
 * ```
 */
interface ScrollAreaProps$1 extends ScrollAreaRootProps, Omit<ScrollAreaScrollbarProps$1, 'dir'>, Omit<ScrollAreaViewportProps$1, 'dir'> {
  /**
   * Class names for customizing different parts of the scroll area component.
   */
  classNames?: ScrollAreaUi;
}
//#endregion
export { ScrollAreaProps$1 as ScrollAreaProps, ScrollAreaRootProps, ScrollAreaScrollbarProps$1 as ScrollAreaScrollbarProps, ScrollAreaThumbProps$1 as ScrollAreaThumbProps, ScrollAreaUi, ScrollAreaViewportProps$1 as ScrollAreaViewportProps };