Socials.tsx

import React from "react"
import Logo from "./core/Logo"

interface ISocials {
    layout?: string
    name: string
    logo: any
    url: string
}

const Socials = (props: ISocials) => {
    const { layout, name, logo, url } = props

    return (
        <div
            className={`tooltip ${
                layout == "row" ? "tooltip-bottom" : "tooltip-right"
            } `}
            data-tip={name}
        >
            <Logo
                image={logo}
                to={url}
                className={"w-10 h-10"}
                classImg={" h-10 w-10"}
            />
        </div>
    )
}

export default Socials