import { Card } from "../../components/Card";
import { Page } from "../../components/Page";

export function SettingsPage() {
  return (
    <Page title="Settings" subtitle="Default DNS, token lifetime, and deployment configuration surfaces.">
      <div className="grid two">
        <Card>
          <h4>Auth</h4>
          <p>Access token TTL: 15 minutes</p>
          <p>Refresh token TTL: 30 days</p>
        </Card>
        <Card>
          <h4>VPN</h4>
          <p>Default DNS: 10.20.0.53</p>
          <p>Address pool: 100.96.0.0/24</p>
        </Card>
      </div>
    </Page>
  );
}
