@zergo0/react-filerobot-image-editor/lib/components/tools/Text/TextOptions/TextAlignmentFields.js

React component version of filerobot image editor (FIE).

import React from"react";import{StyledSpacedOptionFields,StyledIconWrapper}from"../../../common/AnnotationOptions/AnnotationOptions.styled";import{TextAlignCenter,TextAlignLeft}from"@scaleflex/icons";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var rightAlignmentCssTransform={transform:"scaleX(-1)"},TextAlignmentFields=function(a){var b=a.annotation,c=a.updateAnnotation,d=b.align,e=function(a){c({align:a})};return _jsxs(StyledSpacedOptionFields,{children:[_jsx(StyledIconWrapper,{onClick:function onClick(){return e("left")},active:"left"===d,children:_jsx(TextAlignLeft,{})}),_jsx(StyledIconWrapper,{onClick:function onClick(){return e("center")},active:"center"===d,children:_jsx(TextAlignCenter,{})}),_jsx(StyledIconWrapper,{onClick:function onClick(){return e("right")},active:"right"===d,children:_jsx(TextAlignLeft,{style:rightAlignmentCssTransform})})]})};export default TextAlignmentFields;