require('./PaginationDot_12oo5h.css');
'use strict';

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

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

/**
 * Элемент пагинации точками.
 * Стилизованный компонент, обладающий всеми свойствами ``div``.
 */
var _exp = function _exp() {
  return function (_ref) {
    var isActive = _ref.isActive;
    return isActive ? '1.75rem' : '0.375rem';
  };
};
var _exp2 = function _exp2() {
  return function (_ref2) {
    var isActive = _ref2.isActive;
    return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
  };
};
var DotBase = /*#__PURE__*/react.styled('li')({
  name: "DotBase",
  "class": "d7su9l8",
  propsAsIs: false,
  vars: {
    "d7su9l8-0": [/*#__PURE__*/_exp()],
    "d7su9l8-1": [/*#__PURE__*/_exp2()]
  }
});

/**
 * Элемент пагинации точками.
 * Стилизованный компонент, обладающий всеми свойствами ``div``.
 * @deprecated
 */
var _exp3 = function _exp3() {
  return DotBase;
};
var _exp4 = function _exp4() {
  return function (_ref3) {
    var isActive = _ref3.isActive;
    return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
  };
};
var PaginationDot = /*#__PURE__*/react.styled(_exp3())({
  name: "PaginationDot",
  "class": "pkw1yrn",
  propsAsIs: true,
  vars: {
    "pkw1yrn-0": [/*#__PURE__*/_exp4()]
  }
});

exports.DotBase = DotBase;
exports.PaginationDot = PaginationDot;
