@wulperstudio/cms/node/organisms/HeaderBasic/HeaderBasic.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.HeaderBasic = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _react2 = require("@iconify/react");
var _styled = require("./styled");
var _Button = require("../../components/Button");
var _IconButtonComponent = require("../../components/IconButtonComponent");
var _jsxRuntime = require("react/jsx-runtime");
var HeaderBasic = exports.HeaderBasic = function HeaderBasic(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Header, {
    backgroundColor: props.backgroundColor,
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.Div, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
          sx: {
            fontWeight: props.fontWeight,
            fontSize: props.fontSize
          },
          children: props.title
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        children: [!props.hideNotifyButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
          iconProps: {
            onClick: function onClick() {
              if (props.onClickNotifyIconButton) {
                props.onClickNotifyIconButton();
              }
            }
          },
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
            icon: "mdi:bell",
            color: props.colorIconButton
          })
        }), !props.hideButtonAttachFile && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
          iconProps: {
            onClick: function onClick() {
              if (props.onClickAttachIconButton) {
                props.onClickAttachIconButton();
              }
            }
          },
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
            icon: "mdi:paperclip",
            color: props.colorIconButton
          })
        }), !props.hideButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
          variant: props.variantButton,
          disableElevation: true,
          sx: {
            backgroundColor: props.backgroundButton,
            borderRadius: props.borderRadiusButton
          },
          onClick: function onClick() {
            if (props.onClickButton) props.onClickButton();
          },
          children: props.textButton
        })]
      })]
    })
  });
};