import { Button } from "./Button.tsx";
import { Dialog } from "./Dialog.tsx";

// подтверждение вместо window.confirm: окно sm, вопрос заголовком, пояснение, «Отмена» и действие (danger — если разрушает)
export function Confirm({ title, text, confirmLabel, danger, onConfirm, onCancel }: {
  title: string; text?: string; confirmLabel: string; danger?: boolean; onConfirm(): void; onCancel(): void;
}) {
  return (
    <Dialog label={title} size="sm" onClose={onCancel}>
      <h2 className="ui-dialog__title">{title}</h2>
      {text && <p className="ui-dialog__text">{text}</p>}
      <div className="ui-actions">
        <Button onClick={onCancel}>Отмена</Button>
        <Button variant={danger ? "danger" : "primary"} autoFocus onClick={onConfirm}>{confirmLabel}</Button>
      </div>
    </Dialog>
  );
}