import type { Snippet } from 'svelte';
import type { BreadcrumbItem } from '../../molecules/Breadcrumb/Breadcrumb.svelte';
import type { MetricItem } from '../../molecules/MetricGrid/MetricGrid.svelte';
import type { SegmentItem } from '../../molecules/SegmentedControl/SegmentedControl.svelte';
export type DashboardPeriod = string;
interface DashboardPageProps {
    title?: string;
    description?: string;
    breadcrumbs?: BreadcrumbItem[];
    metrics?: MetricItem[];
    metricCols?: 2 | 3 | 4;
    /** Period control value (e.g. 7d / 30d / 90d) */
    period?: DashboardPeriod;
    periods?: SegmentItem[];
    /** Shown near the header — e.g. “Updated 2m ago” */
    updatedLabel?: string;
    statusLabel?: string;
    empty?: boolean;
    emptyTitle?: string;
    emptyDescription?: string;
    class?: string;
    actions?: Snippet;
    /** Main content column (charts, tables) */
    primary?: Snippet;
    /** Right rail widgets */
    secondary?: Snippet;
    /** Full-width row below the main grid */
    footer?: Snippet;
    children?: Snippet;
    onperiodchange?: (period: string) => void;
}
declare const DashboardPage: import("svelte").Component<DashboardPageProps, {}, "period">;
type DashboardPage = ReturnType<typeof DashboardPage>;
export default DashboardPage;