fix: Migrate Reset & Strong to TypeScript (#48)

lib/components/Reset/Reset.ts

@@ -0,0 +1,42 @@
+import React, { Component, ReactType } from 'react';
+import classnames from 'classnames';
+import withTheme, { WithThemeProps } from '../private/withTheme';
+import { ResetTags, Theme } from '../../themes/theme';
+
+interface Props extends WithThemeProps {
+  component: ReactType;
+  className?: string;
+}
+
+const isResettable = (
+  theme: Theme,
+  component: ReactType
+): component is ResetTags =>
+  typeof component === 'string' &&
+  Object.keys(theme.atoms.reset).indexOf(component) > -1;
+
+export default withTheme(
+  class Reset extends Component<Props> {
+    static displayName = 'Reset';
+
+    static defaultProps = {
+      component: 'div'
+    };
+
+    render() {
+      const { theme, component, className = '', ...restProps } = this.props;
+
+      const resetClass = isResettable(theme, component)
+        ? { [theme.atoms.reset[component]]: theme.atoms.reset[component] }
+        : {};
+
+      return React.createElement(component, {
+        className: classnames({
+          [className]: className,
+          ...resetClass
+        }),
+        ...restProps
+      });
+    }
+  }
+);

lib/components/Strong/Strong.tsx

@@ -0,0 +1,24 @@
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import withTheme, { WithThemeProps } from '../private/withTheme';
+
+interface Props extends WithThemeProps {
+  className?: string;
+}
+
+export default withTheme(
+  class Strong extends Component<Props> {
+    static displayName = 'Strong';
+
+    render() {
+      const { theme, className = '', ...restProps } = this.props;
+
+      return (
+        <strong
+          {...restProps}
+          className={classnames(className, theme.atoms.fontWeight.strong)}
+        />
+      );
+    }
+  }
+);