feat(Radio): add props interface

src/components/Radio/Radio.tsx

@@ -3,12 +3,24 @@ import * as PropTypes from 'prop-types'
 
 import { createHTMLInput, customPropTypes, UIComponent } from '../../lib'
 import Label from '../Label'
+import { Extendable, ReactChildren } from '../../../types/utils'
+import { ComponentVariablesInput, IComponentPartStylesInput } from '../../../types/theme'
+
+export interface IRadioProps {
+  as?: any
+  children?: ReactChildren
+  className?: string
+  label?: string
+  type?: string
+  styles?: IComponentPartStylesInput
+  variables?: ComponentVariablesInput
+}
 
 /**
  * @accessibility
  * This is shown at the top.
  */
-class Radio extends UIComponent<any, any> {
+class Radio extends UIComponent<Extendable<IRadioProps>, any> {
   static displayName = 'Radio'
 
   static className = 'ui-radio'

src/themes/teams/components/Radio/radioStyles.ts

@@ -1,20 +1,21 @@
 import { IComponentPartStylesInput, ICSSInJSStyle } from '../../../../../types/theme'
+import { IRadioProps } from '../../../../components/Radio/Radio'
 
 const radioStyles: IComponentPartStylesInput = {
-  root: ({ props, variables }): ICSSInJSStyle => {
+  root: (): ICSSInJSStyle => {
     return {
       outline: 0,
       display: 'inline-block',
     }
   },
 
-  radio: ({ props, variables }): ICSSInJSStyle => {
+  radio: ({ variables }: { props: IRadioProps; variables: any }): ICSSInJSStyle => {
     return {
       marginRight: variables.radioMargin,
     }
   },
 
-  label: ({ props, variables }): ICSSInJSStyle => {
+  label: ({ variables }: { props: IRadioProps; variables: any }): ICSSInJSStyle => {
     return {
       cursor: 'pointer',
       display: 'inline-flex',