@zergo0/react-filerobot-image-editor/lib/components/ToolsBar/ToolsBarItemButton.js

React component version of filerobot image editor (FIE).

import React,{memo}from"react";import{usePhoneScreen}from"../../hooks";import{StyledToolsBarItemButton,StyledToolsBarItemButtonLabel}from"./ToolsBar.styled";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var ToolsBarItemButton=function(a){var b=a.id,c=a.label,d=a.onClick,e=a.Icon,f=a.isSelected,g=a.children,h=a.className,i=usePhoneScreen(320);return _jsxs(StyledToolsBarItemButton,{className:h,onClick:function handleClick(a){d(b,a)},"aria-selected":f,isPhoneScreen:i,children:[_jsx(e,{size:i?20:16}),c&&_jsx(StyledToolsBarItemButtonLabel,{isPhoneScreen:i,children:c}),g]})};ToolsBarItemButton.defaultProps={isSelected:!1,id:void 0,children:null,label:""};export default memo(ToolsBarItemButton);