Loading...

import { Spinner as ShadcnSpinner } from "@repo/shadcn-ui/components/ui/spinner"; import { LoaderCircleIcon, LoaderIcon, LoaderPinwheelIcon, type LucideProps, } from "lucide-react"; import { cn } from "@/lib/utils"; type SpinnerVariantProps = Omit; const Throbber = ({ className, ...props }: SpinnerVariantProps) => ( ); const Pinwheel = ({ className, ...props }: SpinnerVariantProps) => ( ); const CircleFilled = ({ className, size = 24, ...props }: SpinnerVariantProps) => (

); const Ellipsis = ({ size = 24, ...props }: SpinnerVariantProps) => { return ( ); }; const Ring = ({ size = 24, ...props }: SpinnerVariantProps) => ( ); const Bars = ({ size = 24, ...props }: SpinnerVariantProps) => ( ); const Infinite = ({ size = 24, ...props }: SpinnerVariantProps) => ( ); export type SpinnerProps = LucideProps & { variant?: | "default" | "throbber" | "pinwheel" | "circle-filled" | "ellipsis" | "ring" | "bars" | "infinite"; }; export const Spinner = ({ variant, ...props }: SpinnerProps) => { switch (variant) { case "throbber": return ; case "pinwheel": return ; case "circle-filled": return ; case "ellipsis": return ; case "ring": return ; case "bars": return ; case "infinite": return ; default: return ( ); } };

spinner

Instalação

Dependências