import CloseIcon from "./icons/CloseIcon";
import HandOffIcon from "./icons/HandOffIcon";
// import MicroOnIcon from "./icons/MicroOnIcon";

interface Props {
  handleToggleControl: () => void;
  handleKick: () => void;
}

function Dropdown({ handleToggleControl, handleKick }: Props) {
  return (
    <div className="absolute py-2 mt-4 space-y-1 bg-white rounded-lg shadow w-60">
      {/* <button className="flex items-center gap-2 px-4 py-1 text-sm">
        <span className="text-[#77828C]">
          <MicroOnIcon />
        </span>
        <span>Отключить микрофон</span>
      </button> */}
      <button
        className="flex items-center gap-2 px-4 py-1 text-sm"
        onClick={handleToggleControl}
      >
        <span className="text-[#77828C]">
          <HandOffIcon />
        </span>
        <span>Передать управление</span>
      </button>
      <button
        className="flex items-center gap-2 px-4 py-1 text-sm"
        onClick={handleKick}
      >
        <span className="text-[#EB5757]">
          <CloseIcon />
        </span>
        <span>Исключить</span>
      </button>
    </div>
  );
}

export default Dropdown;
