| 1 | "use strict";
|
| 2 | var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
| 3 | if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
| 4 | return cooked;
|
| 5 | };
|
| 6 | var __assign = (this && this.__assign) || function () {
|
| 7 | __assign = Object.assign || function(t) {
|
| 8 | for (var s, i = 1, n = arguments.length; i < n; i++) {
|
| 9 | s = arguments[i];
|
| 10 | for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
| 11 | t[p] = s[p];
|
| 12 | }
|
| 13 | return t;
|
| 14 | };
|
| 15 | return __assign.apply(this, arguments);
|
| 16 | };
|
| 17 | Object.defineProperty(exports, "__esModule", { value: true });
|
| 18 | var jsx_runtime_1 = require("react/jsx-runtime");
|
| 19 | var css_1 = require("@emotion/css");
|
| 20 | var ItemsContainer = function (_a) {
|
| 21 | var children = _a.children, disableScrollbar = _a.disableScrollbar, innerContainerStyles = _a.innerContainerStyles;
|
| 22 | return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat((0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n white-space: nowrap;\n overflow-x: scroll;\n overflow-y: hidden;\n\n &::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n &::-webkit-scrollbar-track {\n background: rgba(0, 0, 0, 0.1);\n }\n &::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.2);\n }\n &::-webkit-scrollbar-thumb:hover {\n background: rgba(0, 0, 0, 0.4);\n }\n &::-webkit-scrollbar-thumb:active {\n background: rgba(124, 124, 124, 0.9);\n }\n\n ", "\n "], ["\n white-space: nowrap;\n overflow-x: scroll;\n overflow-y: hidden;\n\n &::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n &::-webkit-scrollbar-track {\n background: rgba(0, 0, 0, 0.1);\n }\n &::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.2);\n }\n &::-webkit-scrollbar-thumb:hover {\n background: rgba(0, 0, 0, 0.4);\n }\n &::-webkit-scrollbar-thumb:active {\n background: rgba(124, 124, 124, 0.9);\n }\n\n ", "\n "])), disableScrollbar &&
|
| 23 | "\n -ms-overflow-style: none;\n scrollbar-width: none;\n \n &::-webkit-scrollbar {\n display: none;\n }\n "), " ").concat(innerContainerStyles) }, { children: children })) }));
|
| 24 | };
|
| 25 | exports.default = ItemsContainer;
|
| 26 | var templateObject_1;
|