import type { DetailAction } from "./types.js";
export interface ResourceActionBarProps {
    /**
     * Primary action rendered as a visible button.
     * Use for the most common action on this resource (e.g. "Edit").
     */
    readonly primaryAction?: DetailAction;
    /**
     * Secondary and tertiary actions rendered in the overflow (kebab) menu.
     * Actions with the same `group` are visually grouped with separators.
     */
    readonly actions?: readonly DetailAction[];
    /** Additional CSS classes for the root container. */
    readonly className?: string;
}
/**
 * Horizontal action bar for resource detail page headers.
 *
 * Renders an optional primary action as a visible button and any
 * remaining actions in a kebab overflow menu (using the SDK's
 * {@link ActionMenu} compound component).
 *
 * When there are no actions at all, renders nothing.
 *
 * @example
 * ```tsx
 * <ResourceActionBar
 *   primaryAction={{
 *     id: "edit",
 *     label: "Edit",
 *     icon: <PencilIcon />,
 *     onAction: () => router.push(editUrl),
 *   }}
 *   actions={[
 *     { id: "copy-id", label: "Copy ID", onAction: () => copyId(id) },
 *     { id: "delete", label: "Delete", variant: "destructive", onAction: handleDelete },
 *   ]}
 * />
 * ```
 */
export declare function ResourceActionBar({ primaryAction, actions, className, }: ResourceActionBarProps): import("react/jsx-runtime").JSX.Element | null;
//# sourceMappingURL=ResourceActionBar.d.ts.map