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

Wulper Studio Library Components CMS

import React from 'react';
import { Typography } from '@mui/material';
import { Icon } from '@iconify/react';
import { Header, Div } from './styled';
import { Button } from '../../components/Button';
import { IconButtonComponent } from '../../components/IconButtonComponent';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var HeaderBasic = function HeaderBasic(props) {
  return /*#__PURE__*/_jsx(Header, {
    backgroundColor: props.backgroundColor,
    children: /*#__PURE__*/_jsxs(Div, {
      children: [/*#__PURE__*/_jsx("div", {
        children: /*#__PURE__*/_jsx(Typography, {
          sx: {
            fontWeight: props.fontWeight,
            fontSize: props.fontSize
          },
          children: props.title
        })
      }), /*#__PURE__*/_jsxs("div", {
        children: [!props.hideNotifyButton && /*#__PURE__*/_jsx(IconButtonComponent, {
          iconProps: {
            onClick: function onClick() {
              if (props.onClickNotifyIconButton) {
                props.onClickNotifyIconButton();
              }
            }
          },
          children: /*#__PURE__*/_jsx(Icon, {
            icon: "mdi:bell",
            color: props.colorIconButton
          })
        }), !props.hideButtonAttachFile && /*#__PURE__*/_jsx(IconButtonComponent, {
          iconProps: {
            onClick: function onClick() {
              if (props.onClickAttachIconButton) {
                props.onClickAttachIconButton();
              }
            }
          },
          children: /*#__PURE__*/_jsx(Icon, {
            icon: "mdi:paperclip",
            color: props.colorIconButton
          })
        }), !props.hideButton && /*#__PURE__*/_jsx(Button, {
          variant: props.variantButton,
          disableElevation: true,
          sx: {
            backgroundColor: props.backgroundButton,
            borderRadius: props.borderRadiusButton
          },
          onClick: function onClick() {
            if (props.onClickButton) props.onClickButton();
          },
          children: props.textButton
        })]
      })]
    })
  });
};