react-filerobot-video-editor/lib/components/Topbar/index.js

React component version of filerobot video editor (FVE).

import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onMainMenuButtonClick"];import React from"react";import{Menu}from"@scaleflex/icons";import{usePhoneScreen,useStore,useToggleTabsNavbar}from"../../hooks";import{CloseButton,BackButton,SaveButton,HistoryButtons}from"../buttons";import Separator from"../common/Separator";import ImageDimensionsAndDisplayToggle from"./ImageDimensionsAndDisplayToggle";import{StyledTopbar,StyledFlexCenterAlignedContainer,StyledMainButtonsWrapper,StyledControlButtonsWrapper,StyledMenuIconButton}from"./Topbar.styled";var Topbar=function(a){var b=a.onMainMenuButtonClick,c=_objectWithoutProperties(a,_excluded),d=useToggleTabsNavbar(),e=useStore(),f=e.config.showBackButton,g=usePhoneScreen(320);return React.createElement(StyledTopbar,_extends({"data-testid":"FIE-topbar",className:"FIE_topbar",isPhoneScreen:g},c),React.createElement(StyledMainButtonsWrapper,{"data-testid":"FIE-topbar-main-buttons",className:"FIE_topbar-buttons-wrapper"},React.createElement(StyledMenuIconButton,{"data-testid":"FIE-topbar-menu-button",className:"FIE_topbar-tabs-navbar-toggle_btn",size:g?"sm":"lg",color:"basic",onClick:function(a){"function"==typeof b?b(a):d(!0)}},function(a){return React.createElement(Menu,a)}),f?React.createElement(BackButton,null):React.createElement(SaveButton,null)),React.createElement(StyledFlexCenterAlignedContainer,{"data-testid":"FIE-topbar-center-options",className:"FIE_topbar-center-options",showBackButton:f},React.createElement(ImageDimensionsAndDisplayToggle,null)),React.createElement(StyledControlButtonsWrapper,{"data-testid":"FIE-topbar-control-buttons"},React.createElement(HistoryButtons,null),f?React.createElement(SaveButton,null):React.createElement(CloseButton,{prefix:React.createElement(Separator,null)})))};export default Topbar;