/**
 * Get the current date and time.
 * @returns {{ iso: string, local: string }} The current date and time as ISO and local time strings.
 */
export function get_time() {
  const now = new Date();
  return {
    iso: now.toISOString(),
    local: now.toLocaleString(undefined, {
      dateStyle: "full",
      timeStyle: "long",
    }),
  };
}

export default (input, output) =>
  React.createElement(
    "div",
    { className: "bg-amber-50 border border-amber-200 rounded-lg p-4" },
    React.createElement(
      "div",
      { className: "flex items-center mb-2" },
      React.createElement(
        "div",
        {
          className:
            "w-8 h-8 bg-amber-100 rounded-full flex items-center justify-center mr-3",
        },
        "🕐",
      ),
      React.createElement(
        "h3",
        { className: "text-amber-900 font-semibold" },
        "Current Time",
      ),
    ),
    React.createElement(
      "div",
      { className: "text-sm space-y-1" },
      React.createElement(
        "p",
        { className: "text-amber-700 font-mono" },
        output.local,
      ),
      React.createElement(
        "p",
        { className: "text-amber-600 text-xs" },
        new Date(output.iso).toLocaleString(),
      ),
    ),
  );