model-navigator-standalone
Version:
Standalone MDF graph model visualizer
47 lines • 1.25 kB
JavaScript
import React from 'react';
import withStyles from '@mui/styles/withStyles';
const TableHeader = _ref => {
let {
classes,
hideIsRequired
} = _ref;
return /*#__PURE__*/React.createElement("thead", {
className: classes.tableHead
}, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
className: classes.item
}, "Property"), /*#__PURE__*/React.createElement("th", {
className: classes.item
}, "Type"), !hideIsRequired && /*#__PURE__*/React.createElement("th", {
className: classes.item
}, "Required"), /*#__PURE__*/React.createElement("th", {
className: classes.item
}, "Description")));
};
const styles = () => ({
tableHead: {
color: '#606060',
fontSize: '13px',
background: '#eef5f7',
borderTop: '3px solid #adbec4',
borderBottom: '3px solid #adbec4',
'& th': {
fontWeight: '900'
}
},
item: {
padding: '10px 10px 10px 19px',
border: '0',
textAlign: 'left',
fontFamily: 'Raleway',
verticalAlign: 'top',
'& p': {
margin: 'auto'
},
'&:nth-child(2) > p': {
maxWidth: '300px',
minWidth: '100px',
wordWrap: 'break-word'
}
}
});
export default withStyles(styles)(TableHeader);