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.61 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.ContainerActions = void 0;
var _react = _interopRequireDefault(require("react"));
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
var _styles = require("./styles");
var _HeaderLinkMenu = _interopRequireDefault(require("./HeaderLinkMenu"));
var _Dropdown = _interopRequireDefault(require("../Header/Dropdown"));
var _Actions = require("./Actions");
var _MoreActions = _interopRequireDefault(require("./MoreActions"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ContainerActions = function ContainerActions(props) {
var _props$dropdown = props.dropdown1,
dropdown1 = _props$dropdown === void 0 ? [] : _props$dropdown,
_props$dropdown2 = props.dropdown2,
dropdown2 = _props$dropdown2 === void 0 ? [] : _props$dropdown2;
return /*#__PURE__*/_react.default.createElement(_styles.ContainerActionsTag, null, /*#__PURE__*/_react.default.createElement(_styles.HeaderLink, null, /*#__PURE__*/_react.default.createElement(_HeaderLinkMenu.default, {
href: function href() {},
label: "Link de acesso 1"
}), /*#__PURE__*/_react.default.createElement(_HeaderLinkMenu.default, {
href: function href() {},
label: "Link de acesso 2"
}), /*#__PURE__*/_react.default.createElement(_HeaderLinkMenu.default, {
href: function href() {},
label: "Link de acesso 3"
}), /*#__PURE__*/_react.default.createElement(_HeaderLinkMenu.default, {
href: function href() {},
label: "Link de acesso 4"
}), /*#__PURE__*/_react.default.createElement(_HeaderLinkMenu.default, {
href: function href() {},
label: "Link de acesso 5"
})), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
icon: _freeSolidSvgIcons.faEllipsisV,
ariaLabel: "Acesso R\xE1pido",
title: "Acesso R\xE1pido",
options: dropdown1
}), /*#__PURE__*/_react.default.createElement(_styles.HeaderActions, null, /*#__PURE__*/_react.default.createElement("div", {
style: {
borderLeft: "1px solid var(--gray-20)"
}
}), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
icon: _freeSolidSvgIcons.faTh,
title: "Funcionalidades do Sistema",
options: dropdown2
}), /*#__PURE__*/_react.default.createElement(_styles.HideContainerActions, null, /*#__PURE__*/_react.default.createElement(_MoreActions.default, {
icon: _freeSolidSvgIcons.faAdjust,
title: "Funcionalidades do Sistema",
options: dropdown2,
ariaLabel: "Funcionalidades do Sistema"
}), /*#__PURE__*/_react.default.createElement(_MoreActions.default, {
icon: _freeSolidSvgIcons.faComment,
title: "Funcionalidades do Sistema",
options: dropdown2,
ariaLabel: "Funcionalidades do Sistema"
}), /*#__PURE__*/_react.default.createElement(_MoreActions.default, {
icon: _freeSolidSvgIcons.faHeadset,
title: "Funcionalidades do Sistema",
options: dropdown2,
ariaLabel: "Funcionalidades do Sistema"
}), /*#__PURE__*/_react.default.createElement(_MoreActions.default, {
icon: _freeSolidSvgIcons.faChartBar,
title: "Funcionalidades do Sistema",
options: dropdown2,
ariaLabel: "Funcionalidades do Sistema"
})), /*#__PURE__*/_react.default.createElement(_styles.HideShowAction, null, /*#__PURE__*/_react.default.createElement(_Actions.Actions, {
compacto: true,
label: "O que voc\xEA procura?",
ariaLabel: "Pesquisar"
}))));
};
exports.ContainerActions = ContainerActions;
var _default = ContainerActions;
exports.default = _default;