{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "submit-button",
  "registryDependencies": [
    "button",
    "https://reusables.vercel.app/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/reusables/ui/submit-button.tsx",
      "content": "import { cn } from \"@/lib/utils\"\nimport { Button, ButtonProps } from \"@/components/ui/button\"\n\nimport { Spinner } from \"./spinner\"\n\ntype SpinnerPosition = \"left\" | \"right\"\ntype SpinnerSize = \"default\" | \"sm\" | \"lg\" | \"icon\"\n\ninterface LoadingSpinnerProps {\n  size?: SpinnerSize\n  className?: string\n  hideText?: boolean\n}\n\ninterface SubmitButtonProps extends ButtonProps {\n  children: React.ReactNode\n  isSubmitting: boolean\n  spinnerClassName?: string\n  spinnerSize?: SpinnerSize\n  position?: SpinnerPosition\n  hideText?: boolean\n}\n\nexport function SubmitButton({\n  children,\n  isSubmitting,\n  spinnerClassName,\n  spinnerSize,\n  position = \"right\",\n  hideText = false,\n  ...props\n}: SubmitButtonProps) {\n  return (\n    <Button\n      disabled={isSubmitting}\n      className={cn(\n        props.className,\n        \"relative flex items-center justify-center\",\n        position === \"left\" && \"flex-row-reverse\"\n      )}\n      {...props}\n    >\n      <span className={hideText && isSubmitting ? \"invisible\" : \"visible\"}>\n        {children}\n      </span>\n      {isSubmitting && (\n        <LoadingSpinner\n          size={spinnerSize}\n          className={spinnerClassName}\n          hideText={hideText}\n        />\n      )}\n    </Button>\n  )\n}\n\nfunction LoadingSpinner({ size, className, hideText }: LoadingSpinnerProps) {\n  return (\n    <div\n      className={cn(\n        hideText &&\n          \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\"\n      )}\n    >\n      <Spinner size={size} className={className} />\n    </div>\n  )\n}\n",
      "type": "registry:ui",
      "target": "components/ui/submit-button.tsx"
    },
    {
      "path": "registry/reusables/ui/spinner.tsx",
      "content": "import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Loader } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst spinnerVariants = cva(\"animate-spin text-white dark:text-black\", {\n  variants: {\n    size: {\n      default: \"h-4 w-4\",\n      sm: \"h-2 w-2\",\n      lg: \"h-6 w-6\",\n      icon: \"h-10 w-10\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\ninterface SpinnerProps extends VariantProps<typeof spinnerVariants> {\n  className?: string\n}\n\nexport const Spinner = ({ size, className }: SpinnerProps) => {\n  return <Loader className={cn(spinnerVariants({ size, className }))} />\n}\n",
      "type": "registry:ui",
      "target": "components/ui/spinner.tsx"
    }
  ],
  "type": "registry:ui"
}