@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
71 lines • 2.35 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import { Icon } from '@iconify/react';
import { Box, Stack, useTheme } from '@mui/material';
import { ICONS_NAME } from '../../helpers/icons';
import { Header, CustomTypography } from './styled';
import { IconButtonComponent } from '../../components/IconButtonComponent';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var HeaderDrawer = function HeaderDrawer(props) {
var theme = useTheme();
return /*#__PURE__*/_jsxs(Header, _extends({
component: "header",
backgroundColor: props.backgroundColor
}, props.headerProps, {
children: [!props.hideBackIcon && /*#__PURE__*/_jsx(IconButtonComponent, {
iconProps: {
onClick: function onClick() {
return props.onBack && props.onBack();
},
sx: {
boxShadow: theme.shadows[1]
}
},
children: /*#__PURE__*/_jsx(Icon, {
icon: ICONS_NAME.back_chevron,
color: theme.palette.text.primary
})
}), !props.hideTitleHeader && /*#__PURE__*/_jsx(Box, {
sx: {
flex: 1
},
children: /*#__PURE__*/_jsx(CustomTypography, _extends({
clines: 1,
variant: "h3",
textAlign: "center",
text: props.titleHeader
}, props.titleProps))
}), !props.hideEditIcon && !props.hideCloseIcon && /*#__PURE__*/_jsxs(Stack, {
direction: "row",
alignItems: "center",
columnGap: 2,
children: [!props.hideEditIcon && /*#__PURE__*/_jsx(IconButtonComponent, {
iconProps: {
onClick: function onClick() {
return props.onEdit && props.onEdit();
},
sx: {
boxShadow: theme.shadows[1]
}
},
children: /*#__PURE__*/_jsx(Icon, {
icon: ICONS_NAME.edit,
color: theme.palette.text.primary
})
}), !props.hideCloseIcon && /*#__PURE__*/_jsx(IconButtonComponent, {
iconProps: {
onClick: function onClick() {
return props.onClose && props.onClose();
},
sx: {
boxShadow: theme.shadows[1]
}
},
children: /*#__PURE__*/_jsx(Icon, {
icon: ICONS_NAME.close,
color: theme.palette.text.primary
})
})]
})]
}));
};