import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
//  strict
import PropTypes from 'prop-types';
import * as React from 'react';
import styled from 'styled-components';
import { FasBars } from '../../Atoms/Icons';
import { screenSize } from '../../Tools/interpolation';
var Toggler =
/*#__PURE__*/
styled(FasBars).withConfig({
  componentId: "lhwhle-0"
})(["\n  position: absolute;\n  right: 20px;\n\n  @media (min-width: ", ") {\n    display: none;\n  }\n"], screenSize('sm'));

var TabMenuToggler = function TabMenuToggler(_ref) {
  var onToggle = _ref.onToggle,
      rest = _objectWithoutProperties(_ref, ["onToggle"]);

  return React.createElement(Toggler, _extends({
    onClick: onToggle,
    selected: true,
    size: "20px"
  }, rest));
};

TabMenuToggler.propTypes = process.env.NODE_ENV !== "production" ? {
  children: PropTypes.node,
  onToggle: PropTypes.func
} : {};
export default TabMenuToggler;