react-img-editor-en
Version:
Image Annotation Tool for React
20 lines • 1.05 kB
JavaScript
import React from 'react';
import { prefixCls } from '../../common/constants';
export default function StrokeWidthSetting(props) {
return React.createElement(React.Fragment, null, React.createElement("span", {
className: "".concat(prefixCls, "-stroke-circle ").concat(prefixCls, "-stroke-circle-small\n ").concat(props.value === 2 ? prefixCls + '-stroke-circle-activated' : ''),
onClick: function onClick() {
return props.onChange(2);
}
}), React.createElement("span", {
className: "".concat(prefixCls, "-stroke-circle ").concat(prefixCls, "-stroke-circle-medium\n ").concat(props.value === 6 ? prefixCls + '-stroke-circle-activated' : ''),
onClick: function onClick() {
return props.onChange(6);
}
}), React.createElement("span", {
className: "".concat(prefixCls, "-stroke-circle ").concat(prefixCls, "-stroke-circle-large\n ").concat(props.value === 8 ? prefixCls + '-stroke-circle-activated' : ''),
onClick: function onClick() {
return props.onChange(8);
}
}));
}