ref(ts) Convert CheckboxFancy to typescript (#16704)

Remove prop spread. We don't have a use for it
right now and it adds complexity.

src/sentry/static/sentry/app/components/checkboxFancy.jsx → src/sentry/static/sentry/app/components/checkboxFancy.tsx

@@ -5,6 +5,13 @@ import {css} from '@emotion/core';
 import PropTypes from 'prop-types';
 import InlineSvg from 'app/components/inlineSvg';
 
+type Props = {
+  disabled?: boolean;
+  checked?: boolean;
+  size?: string;
+  className?: string;
+};
+
 const getDisabledStyles = p =>
   p.disabled &&
   css`
@@ -18,8 +25,13 @@ const getHoverStyles = p =>
     border: 2px solid ${p.checked ? p.theme.purple : p.theme.gray4};
   `;
 
-const CheckboxFancy = styled(({checked, disabled, ...props}) => (
-  <div role="checkbox" aria-disabled={disabled} aria-checked={checked} {...props}>
+const CheckboxFancy = styled(({checked, disabled, className}: Props) => (
+  <div
+    role="checkbox"
+    aria-disabled={disabled}
+    aria-checked={checked}
+    className={className}
+  >
     {checked && <Check src="icon-checkmark-sm" />}
   </div>
 ))`