From 05f92d421573600eedd00cf9360b776ab0c7d85e Mon Sep 17 00:00:00 2001
From: Amelia Wattenberger <wattenberger@github.com>
Date: Mon, 31 Oct 2022 19:17:10 -0700
Subject: [PATCH 1/4] Create example.ts

---
 docs/example.ts | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 docs/example.ts

diff --git a/docs/example.ts b/docs/example.ts
new file mode 100644
index 0000000..674fb7a
--- /dev/null
+++ b/docs/example.ts
@@ -0,0 +1,7 @@
+import { Grid } from '@githubocto/flat-ui';
+
+const MyComponent = () => {
+  const data = [{ column1: 123 }, { column1: 234 }];
+
+  return <Grid data={data} />;
+};

From d6e168018e982fca47ec806fa2c1375eac3a799e Mon Sep 17 00:00:00 2001
From: Amelia Wattenberger <wattenberger@github.com>
Date: Mon, 31 Oct 2022 19:40:38 -0700
Subject: [PATCH 2/4] Update example.ts

---
 docs/example.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/example.ts b/docs/example.ts
index 674fb7a..23ccc4b 100644
--- a/docs/example.ts
+++ b/docs/example.ts
@@ -1,7 +1,12 @@
 import { Grid } from '@githubocto/flat-ui';
+import React from 'react';
+import * as ReactDOM from 'react-dom';
 
 const MyComponent = () => {
   const data = [{ column1: 123 }, { column1: 234 }];
 
   return <Grid data={data} />;
 };
+
+const root = ReactDOM.createRoot(document.body)
+root.render(<MyComponent />)

From 7b4d43e35ee2a0040d1b81dc3afd5fe427e3ff66 Mon Sep 17 00:00:00 2001
From: Amelia Wattenberger <wattenberger@github.com>
Date: Mon, 31 Oct 2022 19:50:08 -0700
Subject: [PATCH 3/4] Update example.ts

---
 docs/example.ts | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/docs/example.ts b/docs/example.ts
index 23ccc4b..a4c687e 100644
--- a/docs/example.ts
+++ b/docs/example.ts
@@ -1,12 +1,17 @@
 import { Grid } from '@githubocto/flat-ui';
-import React from 'react';
-import * as ReactDOM from 'react-dom';
-
-const MyComponent = () => {
-  const data = [{ column1: 123 }, { column1: 234 }];
 
+const Spreadsheet = () => {
   return <Grid data={data} />;
 };
 
+const data = [
+  { column1: 123, color: "green" },
+  { column1: 234, date: "2022-11-01T02:49:57.038Z" },
+];
+
+import React from 'react';
+import * as ReactDOM from 'react-dom';
+
+
 const root = ReactDOM.createRoot(document.body)
-root.render(<MyComponent />)
+root.render(<Spreadsheet />)

From 6748f80da96f15ffa092e4d845e19f5a8c50be2d Mon Sep 17 00:00:00 2001
From: Amelia Wattenberger <wattenberger@github.com>
Date: Mon, 31 Oct 2022 19:51:12 -0700
Subject: [PATCH 4/4] Update example.ts

---
 docs/example.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/example.ts b/docs/example.ts
index a4c687e..d8f4aab 100644
--- a/docs/example.ts
+++ b/docs/example.ts
@@ -5,8 +5,8 @@ const Spreadsheet = () => {
 };
 
 const data = [
-  { column1: 123, color: "green" },
-  { column1: 234, date: "2022-11-01T02:49:57.038Z" },
+  { column1: 123, color: "pink", date: "2022-11-01T02:49:57.038Z" },
+  { column1: 234 },
 ];
 
 import React from 'react';