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

React component version of filerobot image editor (FIE).

import React from"react";import{StyledMenuItemIcon,StyledMenuItem,StyledRatioDescription,StyledMenuItemLabel}from"./Crop.styled";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var CropPresetItem=function(a){var b=a.titleKey,c=a.description,d=a.ratio,f=a.onClick,g=a.Icon,h=a.isActive,i=a.isAccordion,j=a.theme,k=a.width,l=a.height,m=a.t,n=a.disableManualResize,o=a.noEffect;return _jsxs(StyledMenuItem,{active:h,onClick:function handleOnClick(a){return f(a,d,{ratioTitleKey:b,width:k,height:l,disableManualResize:n,noEffect:o})},isAccordion:i,children:[g&&_jsx(StyledMenuItemIcon,{children:"string"==typeof g?_jsx("span",{dangerouslySetInnerHTML:{__html:g}}):_jsx(g,{color:j.palette["icon-primary"]})}),_jsx(StyledMenuItemLabel,{children:m(b)}),c&&_jsx(StyledRatioDescription,{children:c})]})};CropPresetItem.defaultProps={Icon:void 0,width:void 0,height:void 0,disableManualResize:!1,isAccordion:!1,noEffect:!1};export default CropPresetItem;