import { ActionDialog } from "../../shared/ActionDialog.jsx";
import { useI18n } from "../../shared/I18nProvider.jsx";

export function FullAccessDialog({ open, onCancel, onConfirm }) {
  const { t } = useI18n();
  return <ActionDialog
    open={open}
    title={t("composer.fullAccessConfirmTitle")}
    description={t("composer.fullAccessConfirmDescription")}
    cancelLabel={t("dialog.cancel")}
    confirmLabel={t("composer.fullAccessConfirm")}
    tone="danger"
    onCancel={onCancel}
    onConfirm={onConfirm}
  >
    <div className="action-dialog-content">
      <strong>{t("composer.fullAccessScopeTitle")}</strong>
      <ul>
        <li>{t("composer.fullAccessFiles")}</li>
        <li>{t("composer.fullAccessCommands")}</li>
        <li>{t("composer.fullAccessConnections")}</li>
      </ul>
      <p className="action-dialog-error">{t("composer.fullAccessRisk")}</p>
    </div>
  </ActionDialog>;
}
