@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
34 lines (33 loc) • 1.28 kB
JavaScript
"use client";
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
import React, { useCallback, useContext } from 'react';
import SectionContainerContext from "../containers/SectionContainerContext.js";
import ToolbarContext from "../Toolbar/ToolbarContext.js";
import { useTranslation } from "../../../hooks/index.js";
import { Button } from "../../../../../components/index.js";
import { edit } from "../../../../../icons/index.js";
export default function EditButton(props) {
const sectionContainerContext = useContext(SectionContainerContext);
const {
onEdit
} = useContext(ToolbarContext) || {};
const {
switchContainerMode,
disableEditing
} = sectionContainerContext || {};
const translation = useTranslation().SectionViewContainer;
const editHandler = useCallback(() => {
switchContainerMode === null || switchContainerMode === void 0 || switchContainerMode('edit');
onEdit === null || onEdit === void 0 || onEdit();
}, [onEdit, switchContainerMode]);
if (disableEditing === true) {
return null;
}
return React.createElement(Button, _extends({
variant: "tertiary",
icon: edit,
icon_position: "left",
on_click: editHandler
}, props), translation.editButton);
}
//# sourceMappingURL=EditButton.js.map