From 8473df7a16d8e7d6dad3f9bbab0261990d54a854 Mon Sep 17 00:00:00 2001
From: Jason Zhu <jason.zhu@xero.com>
Date: Thu, 2 Mar 2023 16:52:11 +1100
Subject: [PATCH] Move TodoItem from App.tsx to standalone types.ts

---
 src/App.tsx  | 7 +------
 src/types.ts | 5 +++++
 2 files changed, 6 insertions(+), 6 deletions(-)
 create mode 100644 src/types.ts

diff --git a/src/App.tsx b/src/App.tsx
index 4240142..bf4135f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,12 +1,7 @@
 import React, {useState} from 'react';
 import './App.css';
 import Todo from "./Todo";
-
-interface TodoItem {
-    id: number;
-    text: string;
-    completed: boolean;
-}
+import {TodoItem} from "./types";
 
 function App() {
     const [todos, setTodos] = useState<TodoItem[]>([]);
diff --git a/src/types.ts b/src/types.ts
new file mode 100644
index 0000000..1161454
--- /dev/null
+++ b/src/types.ts
@@ -0,0 +1,5 @@
+export interface TodoItem {
+    id: number;
+    text: string;
+    completed: boolean;
+}