// Dashboard page. Route: /dashboard. Uses the sidebar layout.
page Dashboard {
  layout = "dashboard"

  seo {
    title = "Dashboard"
  }

  view {
    <!-- Fills the layout's named "actions" slot; the rest is the default slot. -->
    <div data-slot="actions">
      <div data-component="button" variant="primary" label="+ New"></div>
    </div>

    <h1>Dashboard</h1>
    <p>This page selects the <code>dashboard</code> layout (sidebar nav), and fills
       its named <code>actions</code> slot with a button.</p>

    <div data-component="grid" cols="3" gap="4">
      <div data-component="card">
        <strong>Users</strong>
        <div data-component="badge" variant="success" label="1,204"></div>
      </div>
      <div data-component="card">
        <strong>Revenue</strong>
        <div data-component="badge" variant="primary" label="$8.2k"></div>
      </div>
      <div data-component="card">
        <strong>Errors</strong>
        <div data-component="badge" variant="danger" label="3"></div>
      </div>
    </div>
  }
}