import { Button } from '@evobgp/ui/components/button'
import { Spinner } from '@evobgp/ui/components/spinner'
import type { ComponentProps, ReactNode } from 'react'

type LoadingButtonProps = ComponentProps<typeof Button> & {
  loading?: boolean
  children: ReactNode
}

/** SoT for async actions — Button + Spinner. */
export function LoadingButton({ loading, disabled, children, ...props }: LoadingButtonProps) {
  return (
    <Button disabled={disabled || loading} {...props}>
      {loading ? <Spinner data-icon="inline-start" /> : null}
      {children}
    </Button>
  )
}