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";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 React.createElement(StyledMenuItem,{active:h,onClick:function(a){return f(a,d,{ratioTitleKey:b,width:k,height:l,disableManualResize:void 0!==n&&n,noEffect:void 0!==o&&o})},isAccordion:void 0!==i&&i,"data-testid":"FIE-crop-preset-item"},g&&React.createElement(StyledMenuItemIcon,{"data-testid":"FIE-crop-preset-item-icon"},"string"==typeof g?React.createElement("span",{dangerouslySetInnerHTML:{__html:g}}):React.createElement(g,{color:j.palette["icon-primary"]})),React.createElement(StyledMenuItemLabel,{"data-testid":"FIE-crop-preset-item-label"},m(b)),c&&React.createElement(StyledRatioDescription,{"data-testid":"FIE-crop-preset-item-description"},c))};export default CropPresetItem;