/** 화면 오른쪽 위 흐린 안내 — 오토캐드 WEBCLIP → 여기서 Ctrl+V · 누르면 설치 한 줄 (B07 · M02 양식 둘 다) */
import { type FC, useState } from 'react';
import { isDrawingReadOnly } from '../state';

export const WebclipHint: FC = () => {
	const [open, setOpen] = useState(false);
	if (isDrawingReadOnly()) return null;
	return (
		<button
			type="button"
			className="cad-webclip-hint controls"
			onClick={() => setOpen((value) => !value)}
			title="오토캐드 도형을 이 화면에 붙여넣는 법"
		>
			오토캐드에서 WEBCLIP → 여기서 Ctrl+V
			{open && (
				<span className="cad-webclip-hint__install">
					설치: 오토캐드 APPLOAD → aislo_webclip.lsp 불러오기(시작하기 세트에 넣으면 매번 자동)
				</span>
			)}
		</button>
	);
};