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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.NavDrawer = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _react2 = require("@iconify/react");
var _IconButtonComponent = require("../../components/IconButtonComponent");
var _jsxRuntime = require("react/jsx-runtime");
var NavDrawer = exports.NavDrawer = function NavDrawer(props) {
  var $color = props.colorPrimary;
  var $background = props.background;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
    component: "nav",
    direction: "row",
    spacing: 2,
    justifyContent: "center",
    sx: {
      padding: ' 0px 16px'
    },
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
      iconProps: {
        onClick: function onClick() {
          return props.firstRouter && props.firstRouter();
        },
        sx: {
          backgroundColor: $background,
          '&:hover': {
            backgroundColor: $background
          }
        },
        disableRipple: true,
        disableFocusRipple: true
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
        icon: "mdi:fullscreen",
        color: $color
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
      iconProps: {
        onClick: function onClick() {
          return props.secondRouter && props.secondRouter();
        },
        sx: {
          backgroundColor: $background,
          '&:hover': {
            backgroundColor: $background
          }
        },
        disableRipple: true,
        disableFocusRipple: true
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
        icon: "mdi:pencil",
        color: $color
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
      iconProps: {
        onClick: function onClick() {
          return props.thirdRouter && props.thirdRouter();
        },
        sx: {
          backgroundColor: $background,
          '&:hover': {
            backgroundColor: $background
          }
        },
        disableRipple: true,
        disableFocusRipple: true
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
        icon: "mdi:share-variant",
        color: $color
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
      iconProps: {
        onClick: function onClick() {
          return props.fourthRouter && props.fourthRouter();
        },
        sx: {
          backgroundColor: $background,
          '&:hover': {
            backgroundColor: $background
          }
        },
        disableRipple: true,
        disableFocusRipple: true
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
        icon: "ic:round-preview",
        color: $color
      })
    })]
  });
};