From e9c004d3e424617057b647e8b86b2efac62a7400 Mon Sep 17 00:00:00 2001
From: Taesoo <75271289+taesookang@users.noreply.github.com>
Date: Fri, 17 Feb 2023 14:17:41 -0500
Subject: [PATCH] ADD: custom classname attribute

---
 src/__tests__/index.test.js | 11 +++++++++++
 src/index.tsx               | 11 ++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/__tests__/index.test.js b/src/__tests__/index.test.js
index ee750221..15780db3 100644
--- a/src/__tests__/index.test.js
+++ b/src/__tests__/index.test.js
@@ -20,4 +20,15 @@ describe('<TextareaAutosize />', () => {
 
     expect(asFragment()).toMatchSnapshot();
   });
+
+  it('renders component with custom class name.', () => {
+    const props = {
+      className: 'custom-classname',
+    };
+    const { getByRole } = render(<TextareaAutosize {...props} />);
+
+    const textArea = getByRole('textbox');
+
+    expect(textArea).toHaveClass('custom-classname');
+  });
 });
diff --git a/src/index.tsx b/src/index.tsx
index b016e843..81c50f36 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -22,6 +22,7 @@ export interface TextareaAutosizeProps extends Omit<TextareaProps, 'style'> {
   onHeightChange?: (height: number, meta: TextareaHeightChangeMeta) => void;
   cacheMeasurements?: boolean;
   style?: Style;
+  className?: string;
 }
 
 const TextareaAutosize: React.ForwardRefRenderFunction<
@@ -32,6 +33,7 @@ const TextareaAutosize: React.ForwardRefRenderFunction<
     cacheMeasurements,
     maxRows,
     minRows,
+    className,
     onChange = noop,
     onHeightChange = noop,
     ...props
@@ -95,7 +97,14 @@ const TextareaAutosize: React.ForwardRefRenderFunction<
     useWindowResizeListener(resizeTextarea);
   }
 
-  return <textarea {...props} onChange={handleChange} ref={ref} />;
+  return (
+    <textarea
+      {...props}
+      className={className}
+      onChange={handleChange}
+      ref={ref}
+    />
+  );
 };
 
 export default /* #__PURE__ */ React.forwardRef(TextareaAutosize);