import React from 'react';
import { storiesOf } from '@storybook/react';
import { useOverlayScrollbar } from '../useOverlayScrollbar';
const ScrollableContainer = () => {
    const [OverlayScrollbarHostElement, OverlayScrollbarContentElement] = useOverlayScrollbar({
        options: { scrollbars: { autoHide: 'never' } },
    });
    return (React.createElement(OverlayScrollbarHostElement, { style: { width: '200px', height: '200px' } },
        React.createElement(OverlayScrollbarContentElement, null,
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"),
            React.createElement("div", null, "hello hello hello"))));
};
storiesOf(`useOverlayScrollbar`, module).add('useOverlayScrollbar', ScrollableContainer);
//# sourceMappingURL=useOverlayScrollbar.visual.js.map