const TabStub = ({ icon, title, subtitle }) => (
  <div style={{ display:'grid', placeItems:'center', padding:'80px 20px' }}>
    <Card style={{ textAlign:'center', maxWidth: 480, width:'100%' }}>
      <div style={{ width: 64, height: 64, margin:'0 auto 16px', borderRadius: 20, background:'var(--surface-2)', display:'grid', placeItems:'center', color:'var(--fg-muted)' }}>
        {icon}
      </div>
      <h2 style={{ margin:'0 0 8px', fontSize: 22, fontWeight: 600 }}>{title}</h2>
      <p style={{ margin: 0, color:'var(--fg-muted)', fontSize: 14 }}>{subtitle}</p>
    </Card>
  </div>
);

Object.assign(window, { TabStub });