Add TypeScript demo for SwitchLabels componenet

docs/src/pages/demos/selection-controls/SwitchLabels.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import FormGroup from '@material-ui/core/FormGroup';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import Switch from '@material-ui/core/Switch';
+
+function SwitchLabels() {
+  const [state, setState] = React.useState({
+    checkedA: true,
+    checkedB: true,
+  });
+
+  const handleChange = (name: string) => (event: React.ChangeEvent<HTMLInputElement>) => {
+    setState({ ...state, [name]: event.target.checked });
+  };
+
+  return (
+    <FormGroup row>
+      <FormControlLabel
+        control={
+          <Switch checked={state.checkedA} onChange={handleChange('checkedA')} value="checkedA" />
+        }
+        label="Secondary"
+      />
+      <FormControlLabel
+        control={
+          <Switch
+            checked={state.checkedB}
+            onChange={handleChange('checkedB')}
+            value="checkedB"
+            color="primary"
+          />
+        }
+        label="Primary"
+      />
+      <FormControlLabel control={<Switch value="checkedC" />} label="Uncontrolled" />
+      <FormControlLabel disabled control={<Switch value="checkedD" />} label="Disabled" />
+      <FormControlLabel disabled control={<Switch checked value="checkedE" />} label="Disabled" />
+    </FormGroup>
+  );
+}
+
+export default SwitchLabels;