@lunit/oui
Version:
Lunit Oncology UI components
16 lines (15 loc) • 1.33 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Typography } from '@mui/material';
import { LabelContainer, LabelContent, LabelCloseButton } from './ProductLabel.styled';
import { Divider } from '../Divider';
import { Close } from '../../icons';
import { LunitScope } from '@lunit/design-system-logo';
function ProductLabel({ open, onClose, children, footerStart, footerEnd }) {
const handleClose = () => {
if (onClose) {
onClose();
}
};
return (_jsxs(LabelContainer, { open: open, maxWidth: false, onClose: handleClose, "aria-labelledby": "label-dialog-title", children: [_jsx(LabelCloseButton, { variant: "ghost", icon: _jsx(Close, {}), onClick: handleClose }), _jsxs(LabelContent, { children: [_jsx("div", { children: _jsx(LunitScope, { style: { width: '170px' } }) }), _jsx(Typography, { variant: "body5", children: "Software Algorithm Device To Assist Users In Digital Pathology" }), _jsx(Divider, { orientation: "horizontal", sx: { margin: '15px 0' } }), children, _jsx(Divider, { orientation: "horizontal", sx: { margin: '8px 0' } }), (footerStart || footerEnd) && (_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between' }, children: [footerStart ? footerStart : _jsx("div", {}), footerEnd] }))] })] }));
}
export default ProductLabel;