'use strict';

var iconsReact = require('@cloudtower/icons-react');
var index = require('../Button/index.js');
var React = require('react');
var index$1 = require('../Icon/index.js');
var Antd5Dropdown = require('../Antd5Dropdown/Antd5Dropdown.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
  enumerable: true,
  configurable: true,
  writable: true,
  value
}) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
  }
  return a;
};
const actionStyle = "E_a9y3flr";
const actionStyleLabel = "E_a1njc627";
const LineChartActions = props => {
  const {
    label,
    dropdownProps
  } = props;
  return /* @__PURE__ */React__default.default.createElement("div", {
    className: "metric-extra"
  }, /* @__PURE__ */React__default.default.createElement("div", {
    className: actionStyleLabel
  }, label), dropdownProps && /* @__PURE__ */React__default.default.createElement(Antd5Dropdown.Antd5Dropdown, __spreadValues({}, dropdownProps), /* @__PURE__ */React__default.default.createElement(index, {
    size: "small",
    type: "tertiary",
    className: actionStyle,
    prefixIcon: /* @__PURE__ */React__default.default.createElement(index$1, {
      src: iconsReact.MoreEllipsis316BoldSecondaryIcon
    })
  })));
};
var LineChartActions$1 = LineChartActions;

module.exports = LineChartActions$1;
