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

DNB Eufemia Design System UI Library

"use client";

import React, { useCallback, useContext } from 'react';
import { Button } from '../../../../components';
import useTranslation from '../../hooks/useTranslation';
import IterateItemContext from '../IterateItemContext';
import { edit } from '../../../../icons';
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 ? void 0 : switchContainerMode('edit');
  }, [switchContainerMode]);
  return React.createElement(Button, {
    variant: "tertiary",
    className: "dnb-forms-iterate__edit-button",
    icon: edit,
    icon_position: "left",
    on_click: editHandler
  }, editButton);
}
//# sourceMappingURL=EditButton.js.map