From 11f6b84b94f9e78f22f6c39006648d078c86caef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20B=C3=BCchele?= <danielbuechele@fb.com>
Date: Tue, 20 Aug 2019 03:18:32 -0700
Subject: [PATCH] Checkbox

Summary: _typescript_

Reviewed By: bnelo12

Differential Revision: D16830538

fbshipit-source-id: cb5c104edfd2318c73b6b32adcd86362fc965ec8
---
 src/ui/components/{Checkbox.js => Checkbox.tsx} | 9 +++++----
 src/ui/index.js                                 | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)
 rename src/ui/components/{Checkbox.js => Checkbox.tsx} (81%)

diff --git a/src/ui/components/Checkbox.js b/src/ui/components/Checkbox.tsx
similarity index 81%
rename from src/ui/components/Checkbox.js
rename to src/ui/components/Checkbox.tsx
index 8bfb9fa12..de363baff 100644
--- a/src/ui/components/Checkbox.js
+++ b/src/ui/components/Checkbox.tsx
@@ -6,13 +6,14 @@
  */
 
 import {PureComponent} from 'react';
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
+import React from 'react';
 
 type CheckboxProps = {
   /** Whether the checkbox is checked. */
-  checked: boolean,
+  checked: boolean;
   /** Called when a state change is triggered */
-  onChange: (checked: boolean) => void,
+  onChange: (checked: boolean) => void;
 };
 
 const CheckboxContainer = styled('input')({
@@ -25,7 +26,7 @@ const CheckboxContainer = styled('input')({
  * A checkbox to toggle UI state
  */
 export default class Checkbox extends PureComponent<CheckboxProps> {
-  onChange = (e: SyntheticInputEvent<HTMLInputElement>) => {
+  onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     this.props.onChange(e.target.checked);
   };
 
diff --git a/src/ui/index.js b/src/ui/index.js
index bfb28e153..7f13f2930 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -74,7 +74,7 @@ export {default as Tab} from './components/Tab.tsx';
 export {default as Input} from './components/Input.tsx';
 export {default as Textarea} from './components/Textarea.tsx';
 export {default as Select} from './components/Select.tsx';
-export {default as Checkbox} from './components/Checkbox.js';
+export {default as Checkbox} from './components/Checkbox.tsx';
 
 // code
 export {default as CodeBlock} from './components/CodeBlock.js';