@master-c8/commons/dist/Header/Header.js

Platzi Master C8 commons

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reactRouterDom = require("react-router-dom");

var _material = require("@mui/material");

var _commons = require("@master-c8/commons");

var _Header = require("./Header.styles");

var _jsxRuntime = require("react/jsx-runtime");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Header = function Header(_ref) {
  var onClickLogin = _ref.onClickLogin,
      onClickSignup = _ref.onClickSignup,
      isLogged = _ref.isLogged,
      children = _ref.children,
      route = _ref.route,
      notLogeedComponent = _ref.notLogeedComponent;
  var NotLogeedComponent = notLogeedComponent || null;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.HeaderContent, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Container, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
        to: route,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Logotype, {
          width: 140
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Header.BtnGroupComp, {
        children: [notLogeedComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(NotLogeedComponent, {}), !isLogged && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Header.BtnGroup, {
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
            className: "btn-general",
            variant: "outlined",
            size: "large",
            onClick: onClickLogin,
            type: "button",
            children: "Login"
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
            className: "btn-general",
            variant: "contained",
            size: "large",
            onClick: onClickSignup,
            type: "button",
            children: "Sign Up"
          })]
        }), isLogged && children]
      })]
    })
  });
};

Header.propTypes = {
  children: _propTypes["default"].node,
  isLogged: _propTypes["default"].bool,
  notLogeedComponent: _propTypes["default"].node,
  onClickLogin: _propTypes["default"].func,
  onClickSignup: _propTypes["default"].func,
  route: _propTypes["default"].string
};
Header.defaultProps = {
  isLogged: false,
  children: null,
  route: ''
};
var _default = Header;
exports["default"] = _default;