initial commit

src/app/atoms/scroll/ScrollView.jsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import './ScrollView.scss';
+
+const ScrollView = React.forwardRef(({
+  horizontal, vertical, autoHide, invisible, onScroll, children,
+}, ref) => {
+  let scrollbarClasses = '';
+  if (horizontal) scrollbarClasses += ' scrollbar__h';
+  if (vertical) scrollbarClasses += ' scrollbar__v';
+  if (autoHide) scrollbarClasses += ' scrollbar--auto-hide';
+  if (invisible) scrollbarClasses += ' scrollbar--invisible';
+  return (
+    <div onScroll={onScroll} ref={ref} className={`scrollbar${scrollbarClasses}`}>
+      {children}
+    </div>
+  );
+});
+
+ScrollView.defaultProps = {
+  horizontal: false,
+  vertical: true,
+  autoHide: false,
+  invisible: false,
+  onScroll: null,
+};
+
+ScrollView.propTypes = {
+  horizontal: PropTypes.bool,
+  vertical: PropTypes.bool,
+  autoHide: PropTypes.bool,
+  invisible: PropTypes.bool,
+  onScroll: PropTypes.func,
+  children: PropTypes.node.isRequired,
+};
+
+export default ScrollView;