import React from 'react';

interface CoordStatusBarProps {
  coord?: string;
  epsg?: string;
  scale?: string;
  zoom?: number;
}

const CoordStatusBar: React.FC<CoordStatusBarProps> = ({
  coord = '37°28\'14"N  126°38\'52"E',
  epsg = 'EPSG:4326',
  scale = '1:50,000',
  zoom = 10,
}) => (
  <div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, background: 'rgba(255,255,255,.92)', borderTop: '1px solid #dde5ea', padding: '3px 10px', display: 'flex', alignItems: 'center', gap: 12, fontSize: 10, fontFamily: 'var(--mono)', color: '#4a6070', zIndex: 10 }}>
    <span>{coord}</span>
    <div style={{ width: 1, height: 12, background: '#dde5ea' }} />
    <span>{epsg}</span>
    <div style={{ width: 1, height: 12, background: '#dde5ea' }} />
    <span>축척 {scale}</span>
    <div style={{ width: 1, height: 12, background: '#dde5ea' }} />
    <span>Zoom {zoom}</span>
  </div>
);

export default CoordStatusBar;
