can accept className in Fins

ActaV-N · Jul 16, 2023 · d362919 · d362919
1 parent 49c637e
commit d362919
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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' />