From 3044cb48e9d03a10c91e9a8fde880ea603f4cdac Mon Sep 17 00:00:00 2001
From: Mark <42415859+JarkEMones@users.noreply.github.com>
Date: Thu, 18 Apr 2019 20:47:13 +0100
Subject: [PATCH] [docs] Add switches typescript demo (#15384)

Adding TypeScript example for switches demo.

Issue #14897
---
 .../demos/selection-controls/Switches.tsx     | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 docs/src/pages/demos/selection-controls/Switches.tsx

diff --git a/docs/src/pages/demos/selection-controls/Switches.tsx b/docs/src/pages/demos/selection-controls/Switches.tsx
new file mode 100644
index 00000000000000..c875ab191b92d9
--- /dev/null
+++ b/docs/src/pages/demos/selection-controls/Switches.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import Switch from '@material-ui/core/Switch';
+
+function Switches() {
+  const [state, setState] = React.useState({
+    checkedA: true,
+    checkedB: true,
+  });
+
+  const handleChange = (name: string) => (event: React.ChangeEvent<HTMLInputElement>) => {
+    setState({ ...state, [name]: event.target.checked });
+  };
+
+  return (
+    <div>
+      <Switch checked={state.checkedA} onChange={handleChange('checkedA')} value="checkedA" />
+      <Switch
+        checked={state.checkedB}
+        onChange={handleChange('checkedB')}
+        value="checkedB"
+        color="primary"
+      />
+      <Switch value="checkedC" />
+      <Switch disabled value="checkedD" />
+      <Switch disabled checked value="checkedE" />
+      <Switch defaultChecked value="checkedF" color="default" />
+    </div>
+  );
+}
+
+export default Switches;