@dnb/eufemia/cjs/extensions/forms/Field/MultiSelection/MultiSelectionActions.js

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MultiSelectionActions = MultiSelectionActions;
var _react = require("react");
var _index = require("../../../../components/index.js");
var _index2 = require("../../../../elements/index.js");
var _index3 = require("../../../../icons/index.js");
var _jsxRuntime = require("react/jsx-runtime");
var _Hr;
function MultiSelectionActions({
  show,
  disabled,
  tempValueLength,
  formatMessage,
  translation,
  onConfirm,
  onCancel
}) {
  if (!show) {
    return null;
  }
  return (0, _jsxRuntime.jsxs)(_react.Fragment, {
    children: [_Hr || (_Hr = (0, _jsxRuntime.jsx)(_index2.Hr, {
      space: 0,
      className: "dnb-forms-field-multi-selection__separator"
    })), (0, _jsxRuntime.jsxs)("div", {
      className: "dnb-forms-field-multi-selection__actions",
      children: [(0, _jsxRuntime.jsx)(_index.Button, {
        variant: "primary",
        onClick: onConfirm,
        disabled: disabled,
        className: "dnb-forms-field-multi-selection__confirm-button",
        children: formatMessage(translation.confirmButton, {
          count: tempValueLength
        })
      }), (0, _jsxRuntime.jsx)(_index.Button, {
        variant: "tertiary",
        onClick: onCancel,
        disabled: disabled,
        icon: _index3.close,
        children: translation.cancelButton
      })]
    })]
  });
}
//# sourceMappingURL=MultiSelectionActions.js.map