mirror of
https://github.com/zhom/donutbrowser.git
synced 2026-06-11 17:27:54 +02:00
zhom
27 lines
657 B
TypeScript
27 lines
657 B
TypeScript
import { LuLoaderCircle } from "react-icons/lu";
|
|
import { cn } from "@/lib/utils";
|
|
import {
|
|
type RippleButtonProps as ButtonProps,
|
|
RippleButton as UIButton,
|
|
} from "./ui/ripple";
|
|
|
|
type Props = ButtonProps & {
|
|
isLoading: boolean;
|
|
"aria-label"?: string;
|
|
};
|
|
export const LoadingButton = ({ isLoading, className, ...props }: Props) => {
|
|
return (
|
|
<UIButton
|
|
className={cn("inline-flex items-center justify-center", className)}
|
|
{...props}
|
|
disabled={props.disabled || isLoading}
|
|
>
|
|
{isLoading ? (
|
|
<LuLoaderCircle className="size-4 animate-spin" />
|
|
) : (
|
|
props.children
|
|
)}
|
|
</UIButton>
|
|
);
|
|
};
|