@kiwicom/smart-faq/lib/SmartFAQ/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: _style.default.dynamic([["3144297288", [props.styles ? props.styles : '']]]) + " " + "scrollable-box"
  }, props.children, React.createElement(_style.default, {
    styleId: "3144297288",
    css: ".__jsx-style-dynamic-selector::-webkit-scrollbar{width:6px;}.__jsx-style-dynamic-selector::-webkit-scrollbar-track{background:white;margin-top:25px;}.__jsx-style-dynamic-selector::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(171,181,195,0.6);}div.scrollable-box.__jsx-style-dynamic-selector{overflow-y:auto;width:100vw;margin:0 auto;".concat(props.styles ? props.styles : '', ";}@media only screen and (min-width:901px){div.scrollable-box.__jsx-style-dynamic-selector{max-width:100%;}}@media only screen and (max-width:901px){div.scrollable-box.__jsx-style-dynamic-selector{padding:0;}}"),
    dynamic: [props.styles ? props.styles : '']
  }));
};

var _default = ScrollableBox;
exports.default = _default;