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

React component version of filerobot image editor (FIE).

import React from"react";import Label from"@scaleflex/ui/core/label";import{StyledSpacedOptionFields}from"../../common/AnnotationOptions/AnnotationOptions.styled";import restrictNumber from"../../../utils/restrictNumber";import Slider from"../../common/Slider";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var MIN_VALUE=0,MAX_VALUE=150,RectCornerField=function(a){var b=a.annotation,c=a.updateAnnotation,d=a.t,e=b.cornerRadius;return _jsxs(StyledSpacedOptionFields,{children:[_jsx(Label,{children:d("cornerRadius")}),_jsx(Slider,{annotation:"px",onChange:function updateCornerRadius(a){c({cornerRadius:restrictNumber(a,MIN_VALUE,MAX_VALUE)})},value:e,min:MIN_VALUE,max:MAX_VALUE,noMargin:!0})]})};export default RectCornerField;