Refactor a bunch of layouts into their own files

1 files changed, 21 insertions, 0 deletions

diff --git a/packages/website/ts/components/portal/text_header.tsx b/packages/website/ts/components/portal/text_header.tsx
new file mode 100644
index 000000000..4aabd47d0
--- /dev/null
+++ b/packages/website/ts/components/portal/text_header.tsx
@@ -0,0 +1,21 @@
+import { Styles } from '@0xproject/react-shared';
+import * as React from 'react';
+
+export interface TextHeaderProps {
+    labelText: string;
+}
+
+const styles: Styles = {
+    title: {
+        fontWeight: 'bold',
+        fontSize: 20,
+    },
+};
+
+export const TextHeader = (props: TextHeaderProps) => {
+    return (
+        <div className="py3" style={styles.title}>
+            {props.labelText}
+        </div>
+    );
+};