aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/@next/components')
-rw-r--r--packages/website/ts/@next/components/text.tsx29
1 files changed, 29 insertions, 0 deletions
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>
+);