From d36291949a1531bd13d550d54495c53264c3ec4c Mon Sep 17 00:00:00 2001
From: Lee <actav@Leeui-MacBookPro.local>
Date: Sun, 16 Jul 2023 15:52:56 +0900
Subject: [PATCH] can accept className in Fins

---
 package.json                 | 2 +-
 src/components/Fins/Fins.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index e8213f2..1f6206e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@actav/floating-icon-navigation",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "",
   "scripts": {
     "build": "yarn build:esm && yarn build:cjs",
diff --git a/src/components/Fins/Fins.tsx b/src/components/Fins/Fins.tsx
index 97c9cfa..b3bfe03 100644
--- a/src/components/Fins/Fins.tsx
+++ b/src/components/Fins/Fins.tsx
@@ -50,6 +50,7 @@ const Indicator = styled.div`
 `;
 
 export interface FinsProps {
+  className?: string;
   children: React.ReactNode;
 }
 
@@ -67,7 +68,7 @@ export interface FinsProps {
  */
 function Fins(props: FinsProps) {
   // prop destruction
-  const { children } = props;
+  const { className, children } = props;
 
   // lib hooks
   const { nextPath, indicatorX } = useFin();
@@ -140,7 +141,7 @@ function Fins(props: FinsProps) {
   // handlers
 
   return (
-    <FinsContainer ref={containerRef}>
+    <FinsContainer className={className} ref={containerRef}>
       <FinsWrapper>
         <IndicatorContainer>
           <Indicator ref={scope} className='indicator' />