From 850c441c7092e39c67400cdf617581db542ff304 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 28 Nov 2018 18:25:40 +0100
Subject: Start on text component

---
 packages/website/ts/@next/components/text.tsx | 29 +++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 packages/website/ts/@next/components/text.tsx

(limited to 'packages/website/ts/@next/components/text.tsx')

diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx
new file mode 100644
index 000000000..624ab760d
--- /dev/null
+++ b/packages/website/ts/@next/components/text.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import { colors } from 'ts/style/colors';
+
+export interface Props {
+    size?: string;
+}
+
+const StyledHeading = styled.h1`
+    color: ${colors.white};
+    font-size: 80px;
+    line-height: 1em;
+`;
+
+const StyledIntro = styled.p`
+    color: ${colors.white};
+    opacity: 0.75;
+    font-size: 22px;
+    line-height: 1.823529412em;
+`;
+
+export const Heading: React.StatelessComponent<Props> = ({ children }) => (
+    <StyledHeading>{children}</StyledHeading>
+);
+
+export const Intro: React.StatelessComponent<Props> = ({ children }) => (
+    <StyledIntro>{children}</StyledIntro>
+);
-- 
cgit v1.2.3

