tailscale/client/web/src/components/app.tsx

import React from "react"
import { Footer, Header, IP, State } from "src/components/legacy"
import useNodeData from "src/hooks/node-data"

export default function App() {
  const data = useNodeData()

  return (
    <div className="py-14">
      <main className="container max-w-lg mx-auto mb-8 py-6 px-8 bg-white rounded-md shadow-2xl">
        <Header data={data} />
        <IP data={data} />
        <State data={data} />
      </main>
      <Footer data={data} />
    </div>
  )
}