You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
665 B
TypeScript
26 lines
665 B
TypeScript
import * as React from 'react';
|
|
|
|
import { Theme, withTheme } from '@material-ui/core/styles';
|
|
|
|
export default withTheme((props: {text: string, backgroundColor?: string, children?: any, theme: Theme}) => {
|
|
const style = {
|
|
header: {
|
|
backgroundColor: (props.backgroundColor !== undefined) ?
|
|
props.backgroundColor : props.theme.palette.secondary.main,
|
|
color: props.theme.palette.secondary.contrastText,
|
|
padding: 15,
|
|
},
|
|
headerText: {
|
|
marginTop: 10,
|
|
marginBottom: 10,
|
|
},
|
|
};
|
|
|
|
return (
|
|
<div style={style.header}>
|
|
<h2 style={style.headerText}>{props.text}</h2>
|
|
{props.children}
|
|
</div>
|
|
);
|
|
});
|