react-filerobot-video-editor/lib/components/ToolsBar/ToolsBarItemButton.js

React component version of filerobot video editor (FVE).

import React,{memo}from"react";import{usePhoneScreen}from"../../hooks";import{StyledToolsBarItemButton,StyledToolsBarItemButtonLabel}from"./ToolsBar.styled";var ToolsBarItemButton=function(a){var b=a.id,c=a.label,d=void 0===c?"":c,f=a.onClick,g=a.Icon,h=a.isSelected,i=a.children,j=a.className,k=a.disabled,l=void 0!==k&&k,m=a.dataTestId,n=usePhoneScreen(320);return React.createElement(StyledToolsBarItemButton,{className:j,onClick:function(a){f(b,a)},"aria-selected":void 0!==h&&h,isPhoneScreen:n,disabled:l,"data-testid":m||"FIE-tools-bar-item-button-".concat(b.toLowerCase())},React.createElement(g,{size:n?20:16}),d&&React.createElement(StyledToolsBarItemButtonLabel,{isPhoneScreen:n,disabled:l},d),i)};export default memo(ToolsBarItemButton);