@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
40 lines • 1.39 kB
JavaScript
import React from 'react';
import { Stack } from '@mui/material';
import { Icon } from '@iconify/react';
import { TitleColumnContacts } from './styled';
import { ToggleButtonSizes } from '../Switch';
import { IconButtonComponent } from '../../components/IconButtonComponent';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var HeaderChatToggle = function HeaderChatToggle(props) {
return /*#__PURE__*/_jsxs(Stack, {
direction: "row",
component: "header",
spacing: 1,
justifyContent: "space-between",
sx: {
backgroundColor: props.backgroundColor || '#fff'
},
children: [/*#__PURE__*/_jsx(TitleColumnContacts, {
children: props.title
}), /*#__PURE__*/_jsxs(Stack, {
direction: "row",
children: [props.showToggleButton && /*#__PURE__*/_jsx(ToggleButtonSizes, {
iconColor: props.colorIcons || '#223263'
}), props.showIconButton && /*#__PURE__*/_jsx(IconButtonComponent, {
iconProps: {
onClick: function onClick() {
return props.onClickButton && props.onClickButton();
},
sx: {
backgroundColor: '#fff',
boxShadow: 'rgb(0 0 0 / 9%) 0px 3px 12px'
}
},
children: /*#__PURE__*/_jsx(Icon, {
icon: "mdi:plus",
color: props.colorIcons || '#223263'
})
})]
})]
});
};