@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
76 lines • 2.81 kB
JavaScript
var _BoxContainer, _AvatarV, _Typography;
import React from 'react';
import { Icon } from '@iconify/react';
import { Container, Stack, Typography, useTheme } from '@mui/material';
import { ICONS_NAME } from '../../../../helpers/icons';
import { BoxContainer, HeaderFlex } from '../../../../organisms';
import { AvatarV2, IconButtonComponent } from '../../../../components';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var HeaderInvestment = function HeaderInvestment() {
var theme = useTheme();
return /*#__PURE__*/_jsx(HeaderFlex, {
children: /*#__PURE__*/_jsxs(Container, {
maxWidth: "xl",
sx: {
backgroundColor: theme.palette.background.paper,
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between'
},
children: [_BoxContainer || (_BoxContainer = /*#__PURE__*/_jsx(BoxContainer, {
children: /*#__PURE__*/_jsx("img", {
height: "60px",
src: "https://assets-global.website-files.com/5a8300770e20150001950f4f/5fc65274714fb356fe5f1fa8_Logo%20-%20full%20color%20dark%20accent.png",
alt: "logo"
})
})), /*#__PURE__*/_jsxs(Stack, {
direction: "row",
alignItems: "center",
columnGap: "10px",
children: [/*#__PURE__*/_jsx(IconButtonComponent, {
iconProps: {
sx: {
backgroundColor: theme.palette.background.paper
}
},
children: /*#__PURE__*/_jsx(Icon, {
icon: "ant-design:message-outlined",
color: theme.palette.text.primary
})
}), /*#__PURE__*/_jsx(IconButtonComponent, {
iconProps: {
sx: {
backgroundColor: theme.palette.background.paper
}
},
children: /*#__PURE__*/_jsx(Icon, {
icon: "fluent:alert-16-regular",
color: theme.palette.text.primary
})
}), /*#__PURE__*/_jsxs(Stack, {
direction: "row",
alignItems: "center",
columnGap: "10px",
children: [_AvatarV || (_AvatarV = /*#__PURE__*/_jsx(AvatarV2, {
size: "medium"
})), _Typography || (_Typography = /*#__PURE__*/_jsx(Typography, {
children: "Richard Hendricks"
})), /*#__PURE__*/_jsx(IconButtonComponent, {
iconProps: {
sx: {
backgroundColor: theme.palette.background.paper,
'&:hover': {
backgroundColor: theme.palette.background.paper
}
}
},
children: /*#__PURE__*/_jsx(Icon, {
icon: ICONS_NAME.chevronDown,
color: theme.palette.text.secondary
})
})]
})]
})]
})
});
};