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

DNB Eufemia Design System UI Library

"use client";

import React, { useCallback, useContext } from 'react';
import { Button } from "../../../../components/index.js";
import useTranslation from "../../hooks/useTranslation.js";
import IterateItemContext from "../IterateItemContext.js";
import { edit } from "../../../../icons/index.js";
import { jsx as _jsx } from "react/jsx-runtime";
export default function EditButton() {
  const iterateItemContext = useContext(IterateItemContext);
  const {
    switchContainerMode
  } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
  const {
    editButton
  } = useTranslation().IterateViewContainer;
  const editHandler = useCallback(() => {
    switchContainerMode === null || switchContainerMode === void 0 || switchContainerMode('edit');
  }, [switchContainerMode]);
  return _jsx(Button, {
    variant: "tertiary",
    className: "dnb-forms-iterate__edit-button",
    icon: edit,
    iconPosition: "left",
    onClick: editHandler,
    children: editButton
  });
}
//# sourceMappingURL=EditButton.js.map