oclass option

src/components/Socials.tsx

@@ -44,25 +44,23 @@ const Socials = (props: ISocials) => {
     const { layout } = props
 
     const options = props.options ?? {}
+    const oClass = options.class || {}
 
     return (
         <div
             className={twMerge(
                 `flex gap-2 `,
                 layout === "col" ? "w-8 flex-col" : "",
-                options.main
+                oClass.main
             )}
         >
             {dataSocials.map((item: any, key: number) => {
                 return (
                     <div
                         className={twMerge(
-                            `tooltip ${
-                                layout == "row"
-                                    ? "tooltip-top"
-                                    : "tooltip-right"
-                            } `,
-                            options.social
+                            `tooltip`,
+                            layout == "row" ? "tooltip-top" : "tooltip-right",
+                            oClass.social
                         )}
                         data-tip={item.name}
                         key={key}
@@ -70,7 +68,7 @@ const Socials = (props: ISocials) => {
                         <Logo
                             image={item.logo?.imageFile}
                             url={item.url}
-                            className={twMerge("h-7 w-7", options.logo)}
+                            className={twMerge("h-7 w-7", oClass.logo)}
                         />
                     </div>
                 )