import React from "react";
import { __, sprintf } from "@wordpress/i18n";
import { useSettingsLastSavedAt } from "@/pages/Settings/settingsHelpers";

const SettingsLastSavedAt = ({ value }) => {
  const savedAt = useSettingsLastSavedAt();

  return (
    <p className="arraysubs-settings-last-saved" aria-live="polite">
      {sprintf(
        /* translators: %s: last settings save in the WordPress date and time format. */
        __("Settings last saved: %s", "arraysubs"),
        (value ?? savedAt) || __("Not recorded yet", "arraysubs"),
      )}
    </p>
  );
};

export default SettingsLastSavedAt;