@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
31 lines (27 loc) • 1.37 kB
JavaScript
"use client";
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_factory = require('../../core/system/factory.cjs');
const require_create_component = require('../../core/components/create-component.cjs');
const require_scroll_area_style = require('./scroll-area.style.cjs');
const require_use_scroll_area = require('./use-scroll-area.cjs');
let react_jsx_runtime = require("react/jsx-runtime");
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
//#region src/components/scroll-area/scroll-area.tsx
const { PropsContext: ScrollAreaPropsContext, usePropsContext: useScrollAreaPropsContext, withContext } = require_create_component.createComponent("scroll-area", require_scroll_area_style.scrollAreaStyle);
/**
* `ScrollArea` is a component that displays a customized scrollbar.
*
* @see https://yamada-ui.com/docs/components/scroll-area
*/
const ScrollArea = withContext(({ children,...rest }) => {
const { getRootProps } = require_use_scroll_area.useScrollArea(rest);
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.div, {
...getRootProps(),
children
});
})();
//#endregion
exports.ScrollArea = ScrollArea;
exports.ScrollAreaPropsContext = ScrollAreaPropsContext;
exports.useScrollAreaPropsContext = useScrollAreaPropsContext;
//# sourceMappingURL=scroll-area.cjs.map