import { CHROME_ICONS } from '../uiAssets';
import { PlatformModalCloseButton } from './common/PlatformModalCloseButton';
import { PixelIcon } from './PixelIcon';

type PixelCloseButtonProps = {
  onClick: () => void;
  label?: string;
  placement?: 'absolute' | 'inline';
  className?: string;
};

/**
 * RPG 像素风弹窗右上关闭按钮。
 * 这里只保留 RPG 语义层封装，底层样式与行为统一复用共享 close button。
 */
export function PixelCloseButton({
  onClick,
  label = '关闭面板',
  placement = 'absolute',
  className = '',
}: PixelCloseButtonProps) {
  return (
    <PlatformModalCloseButton
      label={label}
      title={label}
      variant="pixel"
      placement={placement}
      stopPropagation
      onClick={() => onClick()}
      className={['z-20', className].filter(Boolean).join(' ')}
      icon={<PixelIcon src={CHROME_ICONS.close} className="h-4 w-4" />}
    />
  );
}