react-filerobot-image-editor/lib/components/Tabs/TabsDrawer/index.js

React component version of filerobot image editor (FIE).

import _extends from"@babel/runtime/helpers/extends";import React from"react";import{DrawerBody,DrawerHeader,DrawerList,DrawerItem}from"@scaleflex/ui/core/drawer";import{Menu}from"@scaleflex/icons";import{Button}from"@scaleflex/ui/core";import{useStore,useToggleTabsNavbar}from"../../../hooks";import Tabs from"../Tabs";import{StyledTabsDrawer}from"./TabsDrawer.styled";var TabsDrawer=function(a){var b=useToggleTabsNavbar(),c=useStore(),d=c.t,e=c.showTabsNavbar;return React.createElement(StyledTabsDrawer,_extends({className:"FIE_tabs-drawer","data-testid":"FIE-tabs-drawer",open:e,onClose:function(){return b(!1)},disablePortal:!0},a),React.createElement(DrawerHeader,{"data-testid":"FIE-tabs-drawer-header"},React.createElement(Button,{"data-testid":"FIE-tabs-drawer-menu-button",color:"link-basic-secondary",startIcon:React.createElement(Menu,null),onClick:function(){return b(!1)}},d("tabsMenu"))),React.createElement(DrawerBody,{"data-testid":"FIE-tabs-drawer-body"},React.createElement(DrawerList,{"data-testid":"FIE-tabs-drawer-list"},React.createElement(Tabs,{TabItemWrapper:DrawerItem}))))};export default TabsDrawer;