// web/screens/empty.jsx — экран первого запуска (Я.Диск ещё не подключён).

function EmptyScreen({ setRoute }) {
  return (
    <div className="page" style={{ maxWidth: 640, marginTop: 64 }}>
      <div style={{
        padding: "48px 32px", textAlign: "center",
        background: "var(--surface)",
        border: "1px solid var(--line-2)", borderRadius: "var(--r-lg)",
      }}>
        <Icon name="link" size={32} className="muted-2" style={{ marginBottom: 12 }} />
        <h1 style={{ fontSize: 22, fontWeight: 600, margin: "0 0 8px" }}>
          Подключи Яндекс Диск, чтобы начать
        </h1>
        <div className="muted" style={{ fontSize: 13, lineHeight: 1.6, marginBottom: 24 }}>
          pikasrv берёт фотографии из папки <span className="mono">_Pikasrv/</span> на твоём Я.Диске,
          распознаёт их и готовит метаданные для микростоков.<br/>
          Подключение делается один раз через device-код — занимает минуту.
        </div>
        <button className="btn btn-primary" onClick={() => setRoute("settings")}>
          <Icon name="link" size={13} stroke={2}/> Открыть Настройки
        </button>
      </div>
    </div>
  );
}

window.EmptyScreen = EmptyScreen;