'use client';import * as r from '@radix-ui/react-scroll-area';
import { cx } from '@onbeam/styled-system/css';
import { forwardRef } from 'react';
import { scrollArea } from '@onbeam/styled-system/recipes';
import { jsxs, jsx } from 'react/jsx-runtime';

var A=r.Corner,p=forwardRef(({className:a,children:e,...c},t)=>{let o=scrollArea();return jsxs(r.Root,{ref:t,className:cx(o.root,a),...c,children:[jsx(r.Viewport,{className:o.viewport,children:e}),jsx(S,{}),jsx(r.Corner,{})]})});p.displayName=r.Root.displayName;var S=forwardRef(({className:a,orientation:e="horizontal",...c},t)=>{let o=scrollArea();return jsx(r.ScrollAreaScrollbar,{ref:t,orientation:e,className:cx(o.bar,a),...c,children:jsx(r.ScrollAreaThumb,{className:o.thumb})})});S.displayName=r.ScrollAreaScrollbar.displayName;

export { A as a, p as b, S as c };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-PBEE7ALR.js.map