// WindowFrame：透明窗口的自绘 MacWindow 框（对齐原型 DesktopShared.MacWindow 规格）。
// 窗口须配 transparent + titleBarStyle Overlay + hiddenTitle + trafficLightPosition {18,18}；
// 阴影用 macOS 原生（贴合内容圆角），窗口即卡片实际尺寸。设置 / 登录等窗口共用。
export function WindowFrame({ title, children }) {
  return (
    <div style={{
      fontFamily: 'var(--font-sans)', position: 'fixed', inset: 0,
      background: 'var(--bg-app)', borderRadius: 'var(--radius-md)',
      border: '1px solid var(--border-1)',
      overflow: 'hidden', display: 'flex', flexDirection: 'column',
    }}>
      {/* 自绘顶条：系统红绿灯悬浮左上，标题绝对居中（mac 原生习惯）；整条可拖拽 */}
      <div
        data-tauri-drag-region
        style={{
          position: 'relative', height: 36, flex: 'none', display: 'flex', alignItems: 'center',
          background: 'var(--surface-2)', borderBottom: '1px solid var(--border-1)',
          userSelect: 'none', WebkitUserSelect: 'none', cursor: 'default',
        }}
      >
        <span style={{
          position: 'absolute', left: '50%', transform: 'translateX(-50%)', pointerEvents: 'none',
          fontSize: 'var(--text-xs)', fontWeight: 'var(--weight-medium)', color: 'var(--text-2)',
        }}>{title}</span>
      </div>
      <div style={{ overflowY: 'auto', flex: 1, display: 'flex', flexDirection: 'column' }}>
        {children}
      </div>
    </div>
  );
}