'use client';

import { X, Zap } from 'lucide-react';

interface CtrlFabProps {
  onExit: () => void;
}

export function CtrlFab({ onExit }: CtrlFabProps) {
  return (
    <div className="ctrl-fab">
      <span className="ctrl-fab-dot" />
      <Zap size={11} strokeWidth={2.5} />
      <span>제어 활성 — 카드를 선택하세요</span>
      <span className="ctrl-fab-sep" />
      <button onClick={onExit} className="ctrl-fab-x" title="제어 종료">
        <X />
      </button>
    </div>
  );
}
