@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
68 lines • 2.32 kB
JavaScript
var _TextFieldV5LabelOut;
import React from 'react';
import { Icon } from '@iconify/react';
import { Container, useTheme, Stack } from '@mui/material';
import { HeaderFlex } from '../../../../organisms';
import { consts } from '../../../../helpers/consts';
import { ICONS_NAME } from '../../../../helpers/icons';
import { AvatarV2, IconButtonComponent, TextFieldV5LabelOut } from '../../../../components';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var Header = function Header() {
var theme = useTheme();
return /*#__PURE__*/_jsx(HeaderFlex, {
sx: {
display: 'flex',
alignItems: 'center',
minHeight: 90,
boxSizing: 'border-box'
},
children: /*#__PURE__*/_jsxs(Container, {
maxWidth: "xl",
sx: {
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between'
},
children: [/*#__PURE__*/_jsxs(Stack, {
direction: "row",
columnGap: "10px",
alignItems: "center",
children: [/*#__PURE__*/_jsx(IconButtonComponent, {
children: /*#__PURE__*/_jsx(Icon, {
icon: ICONS_NAME.search,
color: theme.palette.text.primary
})
}), _TextFieldV5LabelOut || (_TextFieldV5LabelOut = /*#__PURE__*/_jsx(TextFieldV5LabelOut, {
variant: "unfilled",
placeholder: "Search for people...",
type: "text",
fullWidth: true,
size: "medium",
backgroundColor: "transparent"
}))]
}), /*#__PURE__*/_jsxs(Stack, {
direction: "row",
alignItems: "center",
columnGap: "10px",
children: [/*#__PURE__*/_jsx(IconButtonComponent, {
children: /*#__PURE__*/_jsx(Icon, {
icon: ICONS_NAME.alert,
color: theme.palette.text.primary
})
}), /*#__PURE__*/_jsxs(Stack, {
direction: "row",
alignItems: "center",
children: [/*#__PURE__*/_jsx(AvatarV2, {
size: "large",
src: consts.avatarImg
}), /*#__PURE__*/_jsx(IconButtonComponent, {
children: /*#__PURE__*/_jsx(Icon, {
icon: ICONS_NAME.chevronDown,
color: theme.palette.text.secondary
})
})]
})]
})]
})
});
};