import type { ResourceDetailShellProps } from "./types";
/**
 * Shared layout shell for resource detail pages.
 *
 * Renders a standardized header (icon, name, org, timestamps, status,
 * visibility control), an action bar (primary button + kebab overflow),
 * optional tabs, and a content area — all themed via `--stgm-*` tokens.
 *
 * The shell receives pre-fetched data via props (DD-T03-001). It does
 * NOT own data fetching — resource-specific hooks (`useAgent`, `useSkill`,
 * etc.) handle that. The shell is a layout + behavior coordinator, not
 * a data-fetching component.
 *
 * Zero Console dependencies — safe for platform builder embedding.
 *
 * @example
 * ```tsx
 * const { agent } = useAgent(org, slug);
 *
 * <ResourceDetailShell
 *   header={{
 *     name: agent.metadata.name,
 *     id: agent.metadata.id,
 *     org: agent.metadata.org,
 *     slug: agent.metadata.slug,
 *     description: agent.spec.description,
 *   }}
 *   primaryAction={{ id: "edit", label: "Edit", onAction: handleEdit }}
 *   actions={[...]}
 * >
 *   <AgentOverview agent={agent} />
 * </ResourceDetailShell>
 * ```
 */
export declare function ResourceDetailShell({ header, visibilityControl, headerMetaExtra, headerBanner, primaryAction, actions, tabs, activeTab, onTabChange, tabsAriaLabel, children, className, }: ResourceDetailShellProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ResourceDetailShell.d.ts.map