@zergo0/react-filerobot-image-editor/lib/components/Topbar/UndoButton.js

React component version of filerobot image editor (FIE).

import React,{useCallback}from"react";import Undo from"@scaleflex/icons/undo";import{UNDO}from"../../actions";import{useStore}from"../../hooks";import{StyledHistoryButton}from"./Topbar.styled";import{jsx as _jsx}from"react/jsx-runtime";var UndoButton=function(a){var b=a.margin,c=useStore(),d=c.dispatch,e=c.hasUndo,f=void 0!==e&&e,g=c.t,h=c.feedback,i=0===h.duration,j=useCallback(function(){d({type:UNDO})},[]);return _jsx(StyledHistoryButton,{className:"FIE_topbar-undo-button",color:"basic",size:"sm",onClick:f?j:void 0,disabled:!f||i,title:g("undoTitle"),margin:b,children:_jsx(Undo,{})})};UndoButton.defaultProps={margin:void 0};export default UndoButton;