@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
36 lines (35 loc) • 1.16 kB
JavaScript
"use client";
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";
import { jsx as _jsx } from "react/jsx-runtime";
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 _jsx(Button, {
variant: "tertiary",
icon: edit,
iconPosition: "left",
onClick: editHandler,
...props,
children: translation.editButton
});
}
//# sourceMappingURL=EditButton.js.map