Profil.tsx

import React from "react"
import Image, { Iimage } from "./Image"
interface Props extends Iimage {
    // imgProfile: Iimage[]
}

const Profil = (props: Props) => {
    const { image = "https://placeimg.com/80/80/people" } = props
    return (
        <div className="dropdown dropdown-end">
            <label tabIndex={0} className="btn btn-ghost btn-circle avatar">
                <div className="w-10 rounded-full">
                    <Image image={image} />
                </div>
            </label>
            <ul
                tabIndex={0}
                className="menu menu-compact dropdown-content bg-base-100 rounded-box mt-3 w-52 p-2 shadow"
            >
                <li>
                    <a className="justify-between">
                        Profile
                        <span className="badge">Actualité</span>
                    </a>
                </li>
                <li>
                    <a>Paramètre</a>
                </li>
                <li>
                    <a>Déconnexion</a>
                </li>
            </ul>
        </div>
    )
}

export default Profil