@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
75 lines (74 loc) • 2.85 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Header = void 0;
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@iconify/react");
var _material = require("@mui/material");
var _organisms = require("../../../../organisms");
var _consts = require("../../../../helpers/consts");
var _icons = require("../../../../helpers/icons");
var _components = require("../../../../components");
var _jsxRuntime = require("react/jsx-runtime");
var _TextFieldV5LabelOut;
var Header = exports.Header = function Header() {
var theme = (0, _material.useTheme)();
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_organisms.HeaderFlex, {
sx: {
display: 'flex',
alignItems: 'center',
minHeight: 90,
boxSizing: 'border-box'
},
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Container, {
maxWidth: "xl",
sx: {
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between'
},
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
direction: "row",
columnGap: "10px",
alignItems: "center",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButtonComponent, {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: _icons.ICONS_NAME.search,
color: theme.palette.text.primary
})
}), _TextFieldV5LabelOut || (_TextFieldV5LabelOut = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextFieldV5LabelOut, {
variant: "unfilled",
placeholder: "Search for people...",
type: "text",
fullWidth: true,
size: "medium",
backgroundColor: "transparent"
}))]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
direction: "row",
alignItems: "center",
columnGap: "10px",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButtonComponent, {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: _icons.ICONS_NAME.alert,
color: theme.palette.text.primary
})
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
direction: "row",
alignItems: "center",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.AvatarV2, {
size: "large",
src: _consts.consts.avatarImg
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButtonComponent, {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
icon: _icons.ICONS_NAME.chevronDown,
color: theme.palette.text.secondary
})
})]
})]
})]
})
});
};