From 51c5a627aad213dcccaf6f2c579f9122c1338c84 Mon Sep 17 00:00:00 2001
From: Josue <josue.quilon-barrios@senecacollege.ca>
Date: Thu, 1 Apr 2021 11:17:13 -0400
Subject: [PATCH] feat: create SelectedAnvil component for a selectd Anvil from
 AnvilList

---
 striker-ui/components/SelectedAnvil.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 striker-ui/components/SelectedAnvil.tsx

diff --git a/striker-ui/components/SelectedAnvil.tsx b/striker-ui/components/SelectedAnvil.tsx
new file mode 100644
index 00000000..d04a9356
--- /dev/null
+++ b/striker-ui/components/SelectedAnvil.tsx
@@ -0,0 +1,21 @@
+import { useState } from 'react';
+import { Switch, Grid } from '@material-ui/core';
+import { HeaderText } from './Text';
+
+const SelectedAnvil = ({ anvil }: { anvil: AnvilListItem }): JSX.Element => {
+  const [checked, setChecked] = useState<boolean>(true);
+
+  return (
+    <>
+      <Grid item xs={6}>
+        <HeaderText text={anvil?.anvil_name} />
+        <HeaderText text={anvil?.anvil_state || 'State unavailable'} />
+      </Grid>
+      <Grid item xs={3}>
+        <Switch checked={checked} onChange={() => setChecked(!checked)} />
+      </Grid>
+    </>
+  );
+};
+
+export default SelectedAnvil;