@zergo0/react-filerobot-image-editor/lib/components/tools/Crop/Crop.js

React component version of filerobot image editor (FIE).

import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React,{useState}from"react";import{Crop as CropIcon}from"@scaleflex/icons/crop";import{useStore}from"../../../hooks";import ToolsBarItemButton from"../../ToolsBar/ToolsBarItemButton";import{TOOLS_IDS}from"../../../utils/constants";import{StyledToolsBarItemButtonLabel}from"../../ToolsBar/ToolsBar.styled";import CropPresetsOption from"./CropPresetsOption";import{jsx as _jsx}from"react/jsx-runtime";var Crop=function(a){var b=a.selectTool,c=a.isSelected,d=useStore(),e=d.config,f=d.t,g=useState(),h=_slicedToArray(g,2),i=h[0],j=h[1];return _jsx(ToolsBarItemButton,{className:"FIE_crop-tool",id:TOOLS_IDS.CROP,Icon:CropIcon,onClick:function selectToolAndShowPresets(a,c){b(a),j(c.currentTarget)},isSelected:c,children:e[TOOLS_IDS.CROP].noPresets?_jsx(StyledToolsBarItemButtonLabel,{className:"FIE_crop-tool-label",children:f("cropTool")}):_jsx(CropPresetsOption,{anchorEl:i,onClose:function closeCropPresets(){j(null)}})})};Crop.defaultProps={isSelected:!1};export default Crop;