"use client";

export const ChangeRufgruppe = () => {
	return (
		<>
			<details className="dropdown">
				<summary className="dropdown flex items-center gap-1">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						className="h-5 w-5"
						fill="none"
						viewBox="0 0 24 24"
						stroke="currentColor"
					>
						<path
							strokeLinecap="round"
							strokeLinejoin="round"
							strokeWidth="2"
							d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
						/>
					</svg>
					<div className="badge badge-soft badge-success">1</div>
				</summary>
				<ul className="menu dropdown-content bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm">
					<li>
						<a>Rufgruppe 1</a>
					</li>
					<li>
						<a>Rufgruppe 2</a>
					</li>
				</ul>
			</details>
		</>
	);
};
