openstatus / apps / dashboard / src / components / forms / monitor / form-danger-zone.tsx

"use client";

import { FormAlertDialog } from "@/components/forms/form-alert-dialog";
import {
  FormCard,
  FormCardDescription,
  FormCardFooter,
  FormCardHeader,
  FormCardTitle,
} from "@/components/forms/form-card";

export function FormDangerZone({
  onSubmit,
  title,
}: {
  onSubmit: () => Promise<void>;
  title: string;
}) {
  return (
    <FormCard variant="destructive">
      <FormCardHeader>
        <FormCardTitle>Danger Zone</FormCardTitle>
        <FormCardDescription>This action cannot be undone.</FormCardDescription>
      </FormCardHeader>
      <FormCardFooter variant="destructive" className="justify-end">
        <FormAlertDialog confirmationValue={title} submitAction={onSubmit} />
      </FormCardFooter>
    </FormCard>
  );
}