"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.ScrollView = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject;

var ScrollView = function ScrollView(_ref) {
  var children = _ref.children,
      rest = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children"]);
  return /*#__PURE__*/_react["default"].createElement(Container, rest, children);
};

exports.ScrollView = ScrollView;

var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\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"])), function (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;';
}, function (props) {
  if (props.maxHeight) return "max-height: " + props.maxHeight + ";";
}, function (props) {
  if (props.maxWidth) return "max-width: " + props.maxWidth + ";";
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.palette.primary;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.breakpoints.lg.min;
}, function (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