design-system-govbr-rnp
Version:
## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do
76 lines (75 loc) • 3.48 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Col = _interopRequireDefault(require("../../utilities/Grid/Col"));
var _Actions = require("../Header/Actions");
var _HeaderTop = _interopRequireDefault(require("../../components/Header/HeaderTop"));
var _Avatar = _interopRequireDefault(require("../../components/Avatar/Avatar"));
var _SignIn = _interopRequireDefault(require("./SignIn"));
var _styles = require("./styles");
var _Row = _interopRequireDefault(require("../../utilities/Grid/Row"));
var _ContainerActions = _interopRequireDefault(require("./ContainerActions"));
var _Menu = _interopRequireDefault(require("../Menu/Menu"));
var _menuList = _interopRequireDefault(require("../Menu/menuList"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Header = function Header(props) {
var avatar = props.avatar,
headerTitle = props.headerTitle,
searchLabel = props.searchLabel,
subTitle = props.subTitle,
logoDark = props.logoDark,
isLogged = props.isLogged,
setIsLogged = props.setIsLogged,
type = props.type,
dropdown1 = props.dropdown1,
dropdown2 = props.dropdown2,
headerName = props.headerName;
return /*#__PURE__*/_react.default.createElement(_styles.WrapperHeader, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
colSize: "col-12"
}, /*#__PURE__*/_react.default.createElement(_HeaderTop.default, null, /*#__PURE__*/_react.default.createElement(_styles.HeaderLogoTag, null, /*#__PURE__*/_react.default.createElement("img", {
src: logoDark,
alt: ""
}), /*#__PURE__*/_react.default.createElement("span", null, headerName)), /*#__PURE__*/_react.default.createElement(_ContainerActions.default, {
dropdown1: dropdown1,
dropdown2: dropdown2
}), /*#__PURE__*/_react.default.createElement(_SignIn.default, {
isLogged: isLogged,
onClickSignIn: function onClickSignIn() {
return setIsLogged(true);
}
}, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
size: "small",
src: avatar,
title: "Avatar Fotogr\xE1fico",
alt: "Avatar Fotogr\xE1fico",
type: "fotographic"
}))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
colSize: "col-sm-6"
}, /*#__PURE__*/_react.default.createElement(_Row.default, {
rowSize: "d-flex flex-wrap"
}, /*#__PURE__*/_react.default.createElement(_Col.default, null, /*#__PURE__*/_react.default.createElement(_Menu.default, {
menuList: _menuList.default
})), /*#__PURE__*/_react.default.createElement(_Col.default, {
colSize: "col-6"
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles.StyledTitle, {
component: "h2",
title: headerTitle
}), /*#__PURE__*/_react.default.createElement(_styles.StyledSubTitle, {
component: "h3",
title: subTitle
}))))), type !== 'compact' && /*#__PURE__*/_react.default.createElement(_Col.default, {
colSize: "col-sm-6"
}, /*#__PURE__*/_react.default.createElement(_styles.SearchItem, {
className: "col-6"
}, /*#__PURE__*/_react.default.createElement(_Actions.Actions, {
compacto: false,
defaultOpenSearch: true,
label: searchLabel,
ariaLabel: "Pesquisar"
}))))));
};
var _default = Header;
exports.default = _default;