Converted EuiFormErrorText to TS (#1772)

* [Pagination] - Updated Changelog

* Code Review - Moved Changelog entry to current master

* [META] - Converted  to TS + tests

* Code review fixes

* [META] - Converted  to TS

* Updated Changelog

* EuiFormErrorText - Code review fixes

CHANGELOG.md

@@ -1,6 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `9.7.1`.
+- Converted `EuiFormErrorText` to TS ([#1772](https://github.com/elastic/eui/pull/1772))
 
 ## [`9.7.1`](https://github.com/elastic/eui/tree/v9.7.1)
 

src/components/form/form_error_text/form_error_text.test.js → src/components/form/form_error_text/form_error_text.test.tsx

@@ -1,18 +1,15 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../../test/required_props';
+import { requiredProps } from '../../../test';
 
 import { EuiFormErrorText } from './form_error_text';
 
 describe('EuiFormErrorText', () => {
   test('is rendered', () => {
     const component = render(
-      <EuiFormErrorText {...requiredProps}>
-        This is an error.
-      </EuiFormErrorText>
+      <EuiFormErrorText {...requiredProps}>This is an error.</EuiFormErrorText>
     );
 
-    expect(component)
-      .toMatchSnapshot();
+    expect(component).toMatchSnapshot();
   });
 });

src/components/form/form_error_text/form_error_text.tsx

@@ -0,0 +1,16 @@
+import React, { FunctionComponent, HTMLAttributes } from 'react';
+
+import classNames from 'classnames';
+import { CommonProps } from '../../common';
+
+export const EuiFormErrorText: FunctionComponent<
+  CommonProps & HTMLAttributes<HTMLDivElement>
+> = ({ children, className, ...rest }) => {
+  const classes = classNames('euiFormErrorText', className);
+
+  return (
+    <div className={classes} aria-live="polite" {...rest}>
+      {children}
+    </div>
+  );
+};

src/components/form/form_error_text/index.ts

@@ -0,0 +1 @@
+export { EuiFormErrorText } from './form_error_text';