"use client"; 

export const Notifications = () => {
  return (
    <>
        <details className="dropdown">
            <summary className="btn btn-ghost dropdown flex items-center gap-1">
                <div className="badge badge-sm badge-secondary">+99</div>
            </summary>
            <ul className="menu dropdown-content bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm">
                <li><a>Testbenachrichtigung 1</a></li>
                <li className="divider"></li>
                <li><a>Testbenachrichtigung 2</a></li>
                <li className="divider"></li>
                <li><a>Testbenachrichtigung 3</a></li>
                <li className="divider"></li>
                <li><a>Testbenachrichtigung 4</a></li>
                <li className="divider"></li>
                <li><a>Testbenachrichtigung 5</a></li>
                <li className="divider"></li>
                <li><a>Testbenachrichtigung 6</a></li>
                <li className="divider"></li>
                <li><a>Testbenachrichtigung 7</a></li>
            </ul>
        </details>
    </>
  );
};