/** 빠른 특성 — 선택이 있을 때만 화면 오른쪽 위에 뜨는 간이 특성 상자 (QUICKPROPERTIES) */
import type { FC } from 'react';
import { PropertiesEditor } from './PropertiesEditor';
import { getSelectedEntities } from '../state';
import { isQuickPropertiesVisible, setQuickPropertiesVisible } from './ui-state';

export const QuickProperties: FC = () => {
	if (!isQuickPropertiesVisible() || getSelectedEntities().length === 0) return null;

	return (
		<div className="cad-quick-properties controls">
			<div className="cad-quick-properties__header">
				<span>빠른 특성</span>
				<button type="button" onClick={() => setQuickPropertiesVisible(false)} title="닫기">
					✕
				</button>
			</div>
			<PropertiesEditor compact />
		</div>
	);
};