@dnb/eufemia/cjs/extensions/forms/Iterate/ViewContainer/EditButton.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = EditButton;
var _react = require("react");
var _index = require("../../../../components/index.js");
var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation.js"));
var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext.js"));
var _index2 = require("../../../../icons/index.js");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function EditButton() {
  const iterateItemContext = (0, _react.useContext)(_IterateItemContext.default);
  const {
    switchContainerMode
  } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
  const {
    editButton
  } = (0, _useTranslation.default)().IterateViewContainer;
  const editHandler = (0, _react.useCallback)(() => {
    switchContainerMode === null || switchContainerMode === void 0 || switchContainerMode('edit');
  }, [switchContainerMode]);
  return (0, _jsxRuntime.jsx)(_index.Button, {
    variant: "tertiary",
    className: "dnb-forms-iterate__edit-button",
    icon: _index2.edit,
    iconPosition: "left",
    onClick: editHandler,
    children: editButton
  });
}
//# sourceMappingURL=EditButton.js.map