import './Carousel.styles_12r304j.css';
import { styled } from '@linaria/react';

var base = "bx40mlt";

/**
 * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
 * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
 * Стилизованный компонент, обладающий всеми свойствами ``div``.
 */
var CarouselGridWrapper = /*#__PURE__*/styled('div')({
  name: "CarouselGridWrapper",
  "class": "cupvf9e",
  propsAsIs: false
});
var _exp = function _exp() {
  return function (_ref) {
    var scrollSnapType = _ref.scrollSnapType;
    return "x ".concat(scrollSnapType);
  };
};
var CarouselWrapper = /*#__PURE__*/styled('div')({
  name: "CarouselWrapper",
  "class": "csrgq3h",
  propsAsIs: false,
  vars: {
    "csrgq3h-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__*/styled('div')({
  name: "CarouselTrack",
  "class": "ciqx3je",
  propsAsIs: false,
  vars: {
    "ciqx3je-0": [/*#__PURE__*/_exp3()],
    "ciqx3je-1": [/*#__PURE__*/_exp4()],
    "ciqx3je-2": [/*#__PURE__*/_exp6()]
  }
});

export { CarouselGridWrapper, CarouselTrack, CarouselWrapper, base };
//# sourceMappingURL=Carousel.styles.js.map
