protocol/packages/website/ts/pages/fullscreen_message.tsx
Brandon Millman 6b1a911604 Fix spread
2018-05-17 11:02:55 -07:00

31 lines
816 B
TypeScript

import { Styles } from '@0xproject/react-shared';
import * as React from 'react';
export interface FullscreenMessageProps {
headerText: string;
bodyText: string;
}
const styles: Styles = {
thin: {
fontWeight: 100,
},
};
export const FullscreenMessage = (props: FullscreenMessageProps) => {
return (
<div className="mx-auto max-width-4 py4">
<div className="center py4">
<div className="py4">
<div className="py4">
<h1 style={styles.thin}>{props.headerText}</h1>
<div className="py1">
<div className="py3">{props.bodyText}</div>
</div>
</div>
</div>
</div>
</div>
);
};