UNPKG

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
"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;