@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
34 lines (33 loc) • 1.17 kB
JavaScript
"use client";
import _extends from "@babel/runtime/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?.('edit');
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