@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
29 lines (28 loc) • 1.1 kB
JavaScript
"use client";
import React, { useCallback, useContext } from 'react';
import SectionContainerContext from '../containers/SectionContainerContext';
import ToolbarContext from '../Toolbar/ToolbarContext';
import { useTranslation } from '../../../hooks';
import { Button } from '../../../../../components';
import { edit } from '../../../../../icons';
export default function EditButton() {
const sectionContainerContext = useContext(SectionContainerContext);
const {
onEdit
} = useContext(ToolbarContext) || {};
const {
switchContainerMode
} = sectionContainerContext || {};
const translation = useTranslation().SectionViewContainer;
const editHandler = useCallback(() => {
switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
onEdit === null || onEdit === void 0 ? void 0 : onEdit();
}, [onEdit, switchContainerMode]);
return React.createElement(Button, {
variant: "tertiary",
icon: edit,
icon_position: "left",
on_click: editHandler
}, translation.editButton);
}
//# sourceMappingURL=EditButton.js.map