import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";

var _templateObject;

import React from 'react';
import styled from 'styled-components';
export var ScrollView = (_ref) => {
  var {
    children
  } = _ref,
      rest = _objectWithoutPropertiesLoose(_ref, ["children"]);

  return /*#__PURE__*/React.createElement(Container, rest, children);
};
var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding-bottom: 5px;\n\n  ", "\n\n  ", "\n\n   ", "\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    height: 5px;\n  }\n\n  &::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: transparent;\n    transition: background 0.15s ease;\n    border-radius: 12px;\n  }\n\n  // &:hover {\n  //   &::-webkit-scrollbar-thumb {\n  //     background: ", ";\n  //   }\n  // }\n\n  @media (min-width: ", ") {\n    ", "\n  }\n"])), props => {
  if (props.overflowDirection === 'y') return "\n      overflow-y: auto;\n      overflow-x: hidden;\n    ";
  if (props.overflowDirection === 'x') return "\n      overflow-x: auto;\n      overflow-y: hidden;\n    ";
  return 'overflow: auto;';
}, props => {
  if (props.maxHeight) return "max-height: " + props.maxHeight + ";";
}, props => {
  if (props.maxWidth) return "max-width: " + props.maxWidth + ";";
}, (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.palette.primary;
}, (_ref3) => {
  var {
    theme
  } = _ref3;
  return theme.breakpoints.lg.min;
}, props => {
  if (props.lgOverflowDirection === 'y') return "\n        overflow-y: auto;\n        overflow-x: hidden;\n      ";
  if (props.lgOverflowDirection === 'x') return "\n        overflow-y: auto;\n        overflow-x: hidden;\n      ";
});
//# sourceMappingURL=index.js.map