Converted EuiTableHeaderMobile to TS

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Converted `EuiTableHeaderMobile` to TS ([#1786](https://github.com/elastic/eui/pull/1786))
 - Converted `EuiFormErrorText` to TS ([#1772](https://github.com/elastic/eui/pull/1772))
 
 **Bug fixes**

src/components/table/mobile/index.d.ts

@@ -0,0 +1 @@
+export { EuiTableHeaderMobile } from './table_header_mobile';

src/components/table/mobile/table_header_mobile.test.js → src/components/table/mobile/table_header_mobile.test.tsx

@@ -6,11 +6,8 @@ import { EuiTableHeaderMobile } from './table_header_mobile';
 
 describe('EuiTableHeaderMobile', () => {
   test('is rendered', () => {
-    const component = render(
-      <EuiTableHeaderMobile {...requiredProps} />
-    );
+    const component = render(<EuiTableHeaderMobile {...requiredProps} />);
 
-    expect(component)
-      .toMatchSnapshot();
+    expect(component).toMatchSnapshot();
   });
 });

src/components/table/mobile/table_header_mobile.tsx

@@ -0,0 +1,15 @@
+import React, { FunctionComponent, HTMLAttributes } from 'react';
+import classNames from 'classnames';
+import { CommonProps } from '../../common';
+
+export const EuiTableHeaderMobile: FunctionComponent<
+  CommonProps & HTMLAttributes<HTMLDivElement>
+> = ({ children, className, ...rest }) => {
+  const classes: string = classNames('euiTableHeaderMobile', className);
+
+  return (
+    <div className={classes} {...rest}>
+      {children}
+    </div>
+  );
+};