From 4f91ae2efd8ce5973304bcd631b84b5059e6718d Mon Sep 17 00:00:00 2001
From: Marcus Kernohan <135075821+mkernohanbc@users.noreply.github.com>
Date: Wed, 17 Jul 2024 14:29:39 -0700
Subject: [PATCH] syntax cleanup

---
 .../src/components/TextArea/TextArea.tsx       | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/react-components/src/components/TextArea/TextArea.tsx b/packages/react-components/src/components/TextArea/TextArea.tsx
index e16eb1cc..7705ae54 100644
--- a/packages/react-components/src/components/TextArea/TextArea.tsx
+++ b/packages/react-components/src/components/TextArea/TextArea.tsx
@@ -42,42 +42,40 @@ export default function TextArea({
       {({ isRequired }) => (
         <>
           {label && (
-            <Label className={`bcds-react-aria-TextArea--Label`}>
+            <Label className="bcds-react-aria-TextArea--Label">
               {label}
               {isRequired && (
-                <span className={`bcds-react-aria-TextArea--Label required`}>
+                <span className="bcds-react-aria-TextArea--Label required">
                   (required)
                 </span>
               )}
             </Label>
           )}
-          <div className={`bcds-react-aria-TextArea--Container`}>
+          <div className="bcds-react-aria-TextArea--Container">
             <ReactAriaTextArea
-              className={`bcds-react-aria-TextArea--Input`}
+              className="bcds-react-aria-TextArea--Input"
               value={value}
               onChange={(e) => handleChange(e.target.value)}
             />
           </div>
           {description || maxLength ? (
-            <div className={`bcds-react-aria-TextArea--Description`}>
+            <div className="bcds-react-aria-TextArea--Description">
               {description && (
                 <Text
                   slot="description"
-                  className={`bcds-react-aria-TextArea--Description text`}
+                  className="bcds-react-aria-TextArea--Description text"
                 >
                   {description}
                 </Text>
               )}
               {maxLength && (
-                <div
-                  className={`bcds-react-aria-TextArea--Description counter`}
-                >
+                <div className="bcds-react-aria-TextArea--Description counter">
                   {charCount}/{maxLength}
                 </div>
               )}
             </div>
           ) : null}
-          <FieldError className={`bcds-react-aria-TextArea--Error`}>
+          <FieldError className="bcds-react-aria-TextArea--Error">
             {errorMessage}
           </FieldError>
         </>