23 lines
475 B
TypeScript
23 lines
475 B
TypeScript
|
import React from "react";
|
||
|
|
import styles from "./Spinner.module.css";
|
||
|
|
|
||
|
|
interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
|
||
|
|
size?: "sm" | "md" | "lg";
|
||
|
|
}
|
||
|
|
|
||
|
|
export const Spinner: React.FC<SpinnerProps> = ({
|
||
|
|
size = "md",
|
||
|
|
className,
|
||
|
|
...props
|
||
|
|
}) => {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className={`${styles.spinner} ${styles[size]} ${className || ""}`}
|
||
|
|
{...props}
|
||
|
|
role="status"
|
||
|
|
>
|
||
|
|
<div className={styles.spinnerInner}></div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|