require('./Carousel.styles_1sv9t3o.css');
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@linaria/react');

var base = "bq5nudx";

/**
 * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
 * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
 * Стилизованный компонент, обладающий всеми свойствами ``div``.
 */
var CarouselGridWrapper = /*#__PURE__*/react.styled('div')({
  name: "CarouselGridWrapper",
  "class": "ccjdzyl",
  propsAsIs: false
});
var _exp = function _exp() {
  return function (_ref) {
    var scrollSnapType = _ref.scrollSnapType;
    return "x ".concat(scrollSnapType);
  };
};
var CarouselWrapper = /*#__PURE__*/react.styled('div')({
  name: "CarouselWrapper",
  "class": "c1uwxx7e",
  propsAsIs: false,
  vars: {
    "c1uwxx7e-0": [/*#__PURE__*/_exp()]
  }
});
var _exp3 = function _exp3() {
  return function (_ref2) {
    var paddingStart = _ref2.paddingStart;
    return paddingStart || 0;
  };
};
var _exp4 = function _exp4() {
  return function (_ref3) {
    var paddingEnd = _ref3.paddingEnd;
    return paddingEnd || 0;
  };
};
var _exp6 = function _exp6() {
  return function (_ref4) {
    var paddingEnd = _ref4.paddingEnd;
    return paddingEnd || 'var(--plasma-grid-margin)';
  };
};
var CarouselTrack = /*#__PURE__*/react.styled('div')({
  name: "CarouselTrack",
  "class": "c1vrhz42",
  propsAsIs: false,
  vars: {
    "c1vrhz42-0": [/*#__PURE__*/_exp3()],
    "c1vrhz42-1": [/*#__PURE__*/_exp4()],
    "c1vrhz42-2": [/*#__PURE__*/_exp6()]
  }
});

exports.CarouselGridWrapper = CarouselGridWrapper;
exports.CarouselTrack = CarouselTrack;
exports.CarouselWrapper = CarouselWrapper;
exports.base = base;
