Split secondary header to its own component.
parent
f2dfae6d77
commit
bfd5ba5d27
@ -0,0 +1,23 @@
|
||||
import * as React from 'react';
|
||||
|
||||
import { getPalette } from './App';
|
||||
|
||||
export default (props: {text: string}) => {
|
||||
const style = {
|
||||
header: {
|
||||
backgroundColor: getPalette('primary1Color'),
|
||||
color: getPalette('alternateTextColor'),
|
||||
padding: 15,
|
||||
textAlign: 'center',
|
||||
},
|
||||
headerText: {
|
||||
margin: 0,
|
||||
},
|
||||
};
|
||||
|
||||
return (
|
||||
<div style={style.header}>
|
||||
<h2 style={style.headerText}>{props.text}</h2>
|
||||
</div>
|
||||
);
|
||||
};
|
Loading…
Reference in New Issue