@atlaskit/atlassian-navigation/dist/cjs/components/PrimaryDropdownButton/index.js

A horizontal navigation component for Atlassian products.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.PrimaryDropdownButton = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = require("react");
var _react2 = require("@emotion/react");
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
var _PrimaryButton = require("../PrimaryButton");
/** @jsx jsx */

var chevronIconStyles = (0, _react2.css)({
  marginRight: '-8px',
  marginLeft: '-8px',
  opacity: 0.51
});

/**
 * __Primary dropdown button__
 *
 * A primary dropdown button allows you to add dropdown menus to the navigation.
 * Should be passed into `AtlassianNavigation`'s `primaryItems` prop.
 *
 * - [Examples](https://atlassian.design/components/atlassian-navigation/examples#button)
 * - [Code](https://atlassian.design/components/atlassian-navigation/code)
 */
var PrimaryDropdownButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  return (0, _react2.jsx)(_PrimaryButton.PrimaryButton, (0, _extends2.default)({
    iconAfter: (0, _react2.jsx)("span", {
      css: chevronIconStyles
    }, (0, _react2.jsx)(_chevronDown.default, {
      label: ""
    })),
    ref: ref
  }, props));
});
exports.PrimaryDropdownButton = PrimaryDropdownButton;
var _default = PrimaryDropdownButton;
exports.default = _default;