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

React component version of filerobot image editor (FIE).

import React from"react";import{DrawerBody,DrawerHeader,DrawerList}from"@scaleflex/ui/core/drawer";import{Menu}from"@scaleflex/icons";import{Button}from"@scaleflex/ui/core";import{useStore}from"../../hooks";import{StyledDrawer}from"../App/App.styled";import Tabs from"../Tabs";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var TabsDrawer=function(a){var b=a.toggleMainMenu,c=useStore(),d=c.t,e=c.showTabsMenu;return _jsxs(StyledDrawer,{className:"FIE_tabs-drawer",open:e,onClose:function onClose(){return b(!1)},disablePortal:!0,children:[_jsx(DrawerHeader,{children:_jsx(Button,{color:"link-basic-secondary",startIcon:_jsx(Menu,{}),onClick:function onClick(){return b(!1)},children:d("tabsMenu")})}),_jsx(DrawerBody,{children:_jsx(DrawerList,{children:_jsx(Tabs,{toggleMainMenu:b,isDrawer:!0})})})]})};TabsDrawer.defaultProps={toggleMainMenu:function toggleMainMenu(){}};export default TabsDrawer;