import type { HTMLAttributes, ReactNode } from "react";
/**
 * DangerZone — destructive-actions section primitive.
 *
 * Red-bordered container with a title bar and `DangerZone.Action` rows.
 * Each Action is laid out as title + description on the left, with a
 * consumer-provided action slot (typically a destructive Button) on
 * the right. Rows are separated by hairline dividers; the last row
 * has no bottom border via `last:border-b-0`.
 *
 * The consumer supplies the destructive button — this primitive never
 * imports `<Button>`, keeping it free of internal `@usetheo/ui` deps
 * (true primitive).
 *
 * @example
 *   <DangerZone>
 *     <DangerZone.Action
 *       title="Delete project"
 *       description="Permanently delete this project."
 *       action={<Button variant="destructive">Delete</Button>}
 *     />
 *   </DangerZone>
 */
export interface DangerZoneProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
    /** Section title. Default "Danger Zone". */
    title?: ReactNode;
}
declare const Root: import("react").ForwardRefExoticComponent<DangerZoneProps & import("react").RefAttributes<HTMLElement>>;
export interface DangerZoneActionProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
    title: ReactNode;
    description: ReactNode;
    /** Consumer-provided destructive button (or any ReactNode). */
    action: ReactNode;
}
declare const Action: import("react").ForwardRefExoticComponent<DangerZoneActionProps & import("react").RefAttributes<HTMLDivElement>>;
type DangerZoneRoot = typeof Root & {
    Action: typeof Action;
};
declare const DangerZone: DangerZoneRoot;
export { DangerZone };