require('./HorizontalTabs.styles_8pald2.css');
'use strict';

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

var react = require('@linaria/react');
var tokens = require('../../../tokens.js');

var base = "b1o35yic";
var StyledContent = /*#__PURE__*/react.styled('div')({
  name: "StyledContent",
  "class": "s1luevts",
  propsAsIs: false
});
var StyledContentWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledContentWrapper",
  "class": "s1br3rgv",
  propsAsIs: false
});
var _exp4 = function _exp4() {
  return function (_ref) {
    var isFilled = _ref.isFilled;
    return isFilled ? "var(".concat(tokens.tokens.arrowOuterPadding, ")") : '';
  };
};
var _exp5 = function _exp5() {
  return function (_ref2) {
    var isLeftArrow = _ref2.isLeftArrow;
    return isLeftArrow ? "var(".concat(tokens.tokens.arrowInnerPadding, ")") : 'var(--plasma_private-outer-padding)';
  };
};
var _exp6 = function _exp6() {
  return function (_ref3) {
    var isLeftArrow = _ref3.isLeftArrow;
    return isLeftArrow ? 'var(--plasma_private-outer-padding)' : "var(".concat(tokens.tokens.arrowInnerPadding, ")");
  };
};
var StyledArrow = /*#__PURE__*/react.styled('button')({
  name: "StyledArrow",
  "class": "s1ye0qv7",
  propsAsIs: false,
  vars: {
    "s1ye0qv7-0": [/*#__PURE__*/_exp4()],
    "s1ye0qv7-1": [/*#__PURE__*/_exp5()],
    "s1ye0qv7-2": [/*#__PURE__*/_exp6()]
  }
});

exports.StyledArrow = StyledArrow;
exports.StyledContent = StyledContent;
exports.StyledContentWrapper = StyledContentWrapper;
exports.base = base;
