import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";
type Props = DetailedHTMLProps<
HTMLAttributes,
HTMLDivElement
> & {
size?: "small" | "normal" | "medium" | "large";
};
export default function Loading({ size, ...props }: Props) {
const sizeClassName = (() => {
switch (size) {
case "small":
return "w-2 h-2";
case "normal":
return "w-4 h-4";
case "normal":
return "w-6 h-6";
case "large":
return "w-8 h-8";
default:
return "w-4 h-4";
}
})();
return (
);
}