pure-styled-components/lib/components/Menu/Dropdown.js

Styled Component design system based on Pure CSS for React/Preact

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  display: none;\n  position: absolute;\n  left: 100%;\n  top: 0;\n  margin: 0;\n  padding: 0;\n  z-index: 3;\n\n  ", ";\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";

var showDropdown = function showDropdown(_ref) {
  var active = _ref.active;

  if (active) {
    return "display:block;";
  }

  return "";
};

function BaseDropdown(_ref2) {
  var className = _ref2.className,
      children = _ref2.children;
  return React.createElement("nav", {
    className: "dropdown ".concat(className)
  }, children);
}

BaseDropdown.propTypes = {
  /**
   * Class provided by Styled Components
   */
  className: PropTypes.string.isRequired,

  /**
   * Child components (array or single element)
   */
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
};
/**
 * Dropdown used in `<Menu>` component
 *
 * @param {*} { className, children }
 */

var Dropdown = styled(BaseDropdown)(_templateObject(), function (props) {
  return showDropdown(props);
});
/** @component */

export default Dropdown;
//# sourceMappingURL=Dropdown.js.map