@veecode-platform/plugin-kong-service-manager
Version:
33 lines (30 loc) • 1.64 kB
JavaScript
import { Box, Toolbar, Typography, IconButton } from '@material-ui/core';
import React from 'react';
import { SelectInstance } from '../../SelectInstance/SelectInstance.esm.js';
import { SearchBar } from '../SearchBar/SearchBar.esm.js';
import { useBoxComponentStyles } from './styles.esm.js';
import { useNavigate } from 'react-router-dom';
import { CircleCloseIcon } from '../icons/Icons.esm.js';
const BoxComponent = ({
title,
searchBar,
children,
button,
noSelectInstance,
goBack
}) => {
const navigate = useNavigate();
const {
container,
toolbar,
titlebar,
search,
buttonToolbar,
content,
closeButton
} = useBoxComponentStyles();
const handleGoBack = () => navigate(-1);
return /* @__PURE__ */ React.createElement(Box, { className: container }, /* @__PURE__ */ React.createElement(Toolbar, { className: toolbar }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", className: titlebar }, title), searchBar && /* @__PURE__ */ React.createElement("div", { className: search }, /* @__PURE__ */ React.createElement(SearchBar, null)), button && /* @__PURE__ */ React.createElement("div", { className: buttonToolbar }, button), !noSelectInstance && /* @__PURE__ */ React.createElement(SelectInstance, null), goBack && /* @__PURE__ */ React.createElement("div", { className: closeButton }, /* @__PURE__ */ React.createElement(IconButton, { onClick: handleGoBack }, /* @__PURE__ */ React.createElement(CircleCloseIcon, null)))), /* @__PURE__ */ React.createElement(Box, { className: content }, children));
};
export { BoxComponent };
//# sourceMappingURL=BoxComponent.esm.js.map