/**
 * Sleep for a given number of seconds.
 * @param {number} seconds - The number of seconds to sleep.
 * @return {void}
 */
export async function sleep(seconds) {
  return new Promise((resolve) => setTimeout(resolve, seconds * 1000));
}

export default (input, output) =>
  React.createElement(
    "div",
    { className: "bg-purple-50 border border-purple-200 rounded-lg p-4" },
    React.createElement(
      "div",
      { className: "flex items-center mb-2" },
      React.createElement(
        "div",
        {
          className:
            "w-8 h-8 bg-purple-100 rounded-full flex items-center justify-center mr-3",
        },
        "😴",
      ),
      React.createElement(
        "h3",
        { className: "text-purple-900 font-semibold" },
        "Sleep",
      ),
    ),
    React.createElement(
      "div",
      { className: "text-sm space-y-1" },
      React.createElement(
        "p",
        { className: "text-purple-700 font-medium" },
        `Slept for ${input.seconds || "unknown"} seconds`,
      ),
      React.createElement(
        "p",
        { className: "text-purple-600 text-xs" },
        output,
      ),
    ),
  );