@kiwicom/smart-faq/lib/common/ScrollableBox.js

Smart FAQ

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _style = _interopRequireDefault(require("styled-jsx/style"));

var React = _interopRequireWildcard(require("react"));

// @flow
var ScrollableBox = function ScrollableBox(props
/*: Props*/
) {
  return React.createElement("div", {
    "data-cy": "scrollable-box",
    className: "jsx-3968378515" + " " + "scrollable-box"
  }, props.children, React.createElement(_style.default, {
    styleId: "3968378515",
    css: ".jsx-3968378515::-webkit-scrollbar{width:6px;}.jsx-3968378515::-webkit-scrollbar-track{background:white;margin-top:25px;}.jsx-3968378515::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(171,181,195,0.6);}div.scrollable-box.jsx-3968378515{overflow-y:auto;width:100vw;margin:0 auto;padding:4px;}@media only screen and (min-width:901px){div.scrollable-box.jsx-3968378515{max-width:100%;}}@media only screen and (max-width:901px){div.scrollable-box.jsx-3968378515{padding:0;}}"
  }));
};

var _default = ScrollableBox;
exports.default = _default;