"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.ListItem = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

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

var _link = _interopRequireDefault(require("next/link"));

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

var _templateObject;

var ListItem = function ListItem(_ref) {
  var isHidden = _ref.isHidden,
      text = _ref.text,
      isPrimary = _ref.isPrimary,
      url = _ref.url;
  return /*#__PURE__*/_react["default"].createElement(_link["default"], {
    href: url,
    prefetch: false
  }, /*#__PURE__*/_react["default"].createElement(Wrapper, {
    isPrimary: isPrimary,
    isVisible: isHidden
  }, text));
};

exports.ListItem = ListItem;

var Wrapper = _styledComponents["default"].li.attrs({
  className: 'mb-2 pb-1'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  color: ", ";\n  transition: all 0.3s;\n  display: block;\n  font-weight: 500;\n  cursor: pointer;\n\n  @media (min-width: ", ") {\n    overflow: hidden;\n    white-space: nowrap;\n    transition: all 0.7s;\n    max-height: 1.8em;\n  }\n  opacity: 0;\n  &:hover {\n    color: ", ";\n  }\n  ", "\n\n  opacity: ", ";\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.palette.hint;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.breakpoints.md.min;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.palette.primary;
}, function (props) {
  return props.isPrimary && "\n      opacity: 1 !important;\n    ";
}, function (props) {
  return props.isVisible && !props.isPrimary ? 1 : 0;
});
//# sourceMappingURL=index.js.map