"use client";
/*
 * Documentation:
 * Form save Retry — https://app.subframe.com/f023064a5ca0/library?component=Form+save+Retry_db7627dd-19cb-457b-bbfd-6fe16d620fe0
 */

import React from "react";
import * as SubframeUtils from "../../utils";

export interface FormSaveRetryRootProps
  extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
  variant?: "default";
  title?: React.ReactNode;
  children?: React.ReactNode;
  className?: string;
}

const FormSaveRetryRoot = React.forwardRef<
  HTMLDivElement,
  FormSaveRetryRootProps
>(function FormSaveRetryRoot(
  {
    variant = "default",
    title,
    children,
    className,
    ...otherProps
  }: FormSaveRetryRootProps,
  ref
) {
  return (
    <div
      className={SubframeUtils.twClassNames(
        "flex max-w-[576px] flex-col items-start gap-2 px-4 py-4",
        className
      )}
      ref={ref}
      {...otherProps}
    >
      <div className="flex w-full items-center gap-2">
        <img
          className="h-1 w-1 flex-none object-cover"
          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNCA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTEgdy0xIGZsZXgtbm9uZSIgZGF0YS1ub2RlLWlkPSJjNWJhMzRjMCI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiNDNTIwMjAiPjwvY2lyY2xlPjwvc3ZnPg=="
        />
        {children ? (
          <div className="flex grow shrink-0 basis-0 items-center gap-2">
            {children}
          </div>
        ) : null}
      </div>
    </div>
  );
});

export const FormSaveRetry = FormSaveRetryRoot;