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