Textarea Transform

Converts a v6 Textarea component to a v7 Textarea component.

Automatic Changes

Renames the locale prop to the native HTML lang prop.
Renames the describedBy prop to the native HTML aria-describedby prop.
Deletes the showStateIcon prop, as it is deprecated in v7.
Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { Textarea } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <Textarea
6      id="textarea-id"
7      locale="en-US"
8      describedBy="label-id"
9      showStateIcon={true}
10      theme={{ color: 'red' }}
11      {...otherProps}
12    >
13      {/** Children */}
14    </Textarea>
15  );
16}

Transforms into:

1import { Textarea } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <Textarea
6      id="textarea-id"
7      lang="en-US"
8      aria-describedby="label-id"
9      {...otherProps}
10    >
11      {/** Children */}
12    </Textarea>
13  );
14}