From de588f0d8d30e778f38383513cea650d5e6cfa9e Mon Sep 17 00:00:00 2001
From: Adam Dierkens <Adam_Dierkens@intuit.com>
Date: Fri, 4 Oct 2019 09:49:13 -0700
Subject: [PATCH] Add LiveContext typings

---
 typings/react-live.d.ts | 13 ++++++++++++-
 typings/test.tsx        |  7 +++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/typings/react-live.d.ts b/typings/react-live.d.ts
index 57bcec69..75b53943 100644
--- a/typings/react-live.d.ts
+++ b/typings/react-live.d.ts
@@ -1,4 +1,4 @@
-import { ComponentClass, StatelessComponent, HTMLProps, ComponentType } from 'react'
+import { ComponentClass, StatelessComponent, HTMLProps, ComponentType, Context } from 'react'
 import { PrismTheme, Language } from 'prism-react-renderer';
 
 // Helper types
@@ -32,6 +32,17 @@ export type EditorProps = Omit<PreProps, 'onChange'> & {
 
 export const Editor: ComponentClass<EditorProps>
 
+// Context
+export interface ContextProps {
+  code?: string;
+  language?: Language;
+  theme: PrismTheme;
+  disabled?: boolean;
+  error?: string;
+}
+
+export const LiveContext: Context<ContextProps>;
+
 // LiveEditor
 export type LiveEditorProps = EditorProps;
 
diff --git a/typings/test.tsx b/typings/test.tsx
index 8955c8f4..81f28147 100644
--- a/typings/test.tsx
+++ b/typings/test.tsx
@@ -4,6 +4,7 @@ import {
   LiveEditor,
   LiveError,
   LivePreview,
+  LiveContext,
   withLive
 } from '../';
 import * as React from 'react';
@@ -34,6 +35,12 @@ export const liveEditorC = <LiveEditor onChange={(code: string) => {}} />;
 
 export const liveErrorC = <LiveError />;
 
+export const customError = () => (
+  <LiveContext.Consumer>
+    {({ error }) => (error ? <pre>{error}</pre> : null)}
+  </LiveContext.Consumer>
+);
+
 export const livePreviewC = <LivePreview />;
 
 const Component: React.StatelessComponent<{}> = () => <div>Hello World!</div>;