"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ToggleArrows = void 0;

var _react = _interopRequireDefault(require("react"));

var _styledComponents = require("styled-components");

var _toggleArrows = require("./toggle-arrows.css-rules");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var _ToggleArrows = function _ToggleArrows(_ref) {
  var theme = _ref.theme,
      disabled = _ref.disabled,
      useCurrentColor = _ref.useCurrentColor,
      _ref$hideTop = _ref.hideTop,
      hideTop = _ref$hideTop === void 0 ? false : _ref$hideTop,
      _ref$hideBottom = _ref.hideBottom,
      hideBottom = _ref$hideBottom === void 0 ? false : _ref$hideBottom;
  return _react["default"].createElement("svg", {
    width: "8px",
    viewBox: "0 0 32 40"
  }, _react["default"].createElement("polygon", {
    points: "0,17 32,17 16,0",
    fill: (0, _toggleArrows.getFillColor)({
      theme: theme,
      disabled: disabled,
      useCurrentColor: useCurrentColor
    }),
    strokeWidth: "0",
    style: {
      visibility: hideTop ? 'hidden' : 'visible'
    }
  }), _react["default"].createElement("polygon", {
    points: "0,17 32,17 16,0",
    fill: (0, _toggleArrows.getFillColor)({
      theme: theme,
      disabled: disabled,
      useCurrentColor: useCurrentColor
    }),
    strokeWidth: "0",
    transform: "rotate(180), translate(-32, -40)",
    style: {
      visibility: hideBottom ? 'hidden' : 'visible'
    }
  }));
};

var ToggleArrows = (0, _styledComponents.withTheme)(_ToggleArrows);
exports.ToggleArrows = ToggleArrows;
ToggleArrows.displayName = 'ToggleArrows';