import type React from "react";
export interface Page {
    /**
     * The name of the page. Used as the sidebar label, the browser tab title and the page header.
     */
    readonly name: string;
    /**
     * How wide the page's content region is.
     *
     * `full` (the default) runs edge to edge, for dashboards and tables. `centered` caps the
     * content and centers it, matching the home page.
     */
    readonly variant?: "centered" | "full";
    /**
     * A React component that renders the contents of the page.
     *
     * It can suspend while loading data.
     */
    readonly Page: React.ComponentType<{}>;
}
/**
 * Define a page of your app.
 *
 * The page must be the default export of a `page.tsx` file in a folder directly inside
 * `src/app/pages/`. Its URL is that folder's name: `src/app/pages/dashboard/page.tsx` is served at
 * `/{workspaceSlug}/apps/{appSlug}/dashboard`. Pages do not nest.
 *
 * @example
 * import {Extensions, Typography} from "attio/client"
 *
 * export default Extensions.definePage({
 *     name: "Dashboard",
 *     Page: () => <Typography.Title>Dashboard</Typography.Title>,
 * })
 */
export declare function definePage(page: Page): Page;
//# sourceMappingURL=define-page.d.ts.map