import { type ReactNode } from "react"; /** * Props for {@link ArtifactPanel}. * * @category Components */ export type ArtifactPanelProps = { /** Artifact ID this panel renders content for. Must match the ID passed to `useArtifact(id)`. */ artifactId: string; /** Content rendered inside the panel when this artifact is active. */ children: ReactNode; /** Display title for the panel header and aria-label. Defaults to `"Artifact"`. */ title?: string; /** Additional CSS class name(s) applied to the panel container. */ className?: string; /** Fallback UI rendered if children throw during rendering. Defaults to `null`. */ errorFallback?: ReactNode; /** * Controls the panel header. * - `true` (default): built-in header with title + close button * - `false`: no header, raw children only * - `ReactNode`: custom header replacing the built-in one */ header?: boolean | ReactNode; }; /** * Portals artifact content into the nearest {@link ArtifactPortalTarget}. * * Renders nothing when the artifact is inactive or no portal target is mounted. * Wraps children in an error boundary and applies theme-scoped class names. * * Requires `` to be mounted in the layout. * * @category Components */ export declare const ArtifactPanel: import("react").ForwardRefExoticComponent>; //# sourceMappingURL=ArtifactPanel.d.ts.map