import { default as Component } from '../../components/scroll-area/scroll-area.component.js'; /** * `dap-ds-scroll-area` * @summary A component that provides a customizable scrollable area with a custom scrollbar. * @element dap-ds-scroll-area * @title - Scroll area * * @slot - The content to be scrolled * * @csspart viewport - The viewport element that contains the scrollable content * @csspart scrollbar - The scrollbar container * @csspart corner - The corner between vertical and horizontal scrollbars * * @cssprop --dds-scroll-area-radius - The border radius of the scroll area and its elements (default: var(--dds-radius-base)) * @cssprop --dds-scroll-area-background - The background color of the scroll area (default: var(--dds-background-neutral-base)) * @cssprop --dds-scroll-area-scrollbar-background - The background color of the scrollbar (default: var(--dds-background-neutral-subtle)) * @cssprop --dds-scroll-area-thumb-background - The background color of the scrollbar thumb (default: var(--dds-background-neutral-interactive)) * @cssprop --dds-scroll-area-thumb-hover-background - The background color of the scrollbar thumb on hover (default: var(--dds-background-neutral-interactive-hover)) * @cssprop --dds-scroll-area-thumb-active-background - The background color of the scrollbar thumb when active (default: var(--dds-background-neutral-interactive-active)) * @cssprop --dds-scroll-area-transition - The transition timing for scrollbar interactions (default: var(--dds-transition-fast) var(--dds-easing-ease-out)) * @cssprop --dds-scroll-area-scrollbar-size - The width/height of the scrollbar (default: 10px) */ declare const reactWrapper: import('@lit/react').ReactWebComponent; export default reactWrapper;