2022-12-10 17:14:48 +08:00
|
|
|
import './loader.css';
|
|
|
|
|
|
2023-08-19 19:21:51 +08:00
|
|
|
function Loader({ abrupt, hidden, ...props }) {
|
2022-12-16 13:27:04 +08:00
|
|
|
return (
|
2023-10-19 16:07:02 +08:00
|
|
|
<span
|
2023-08-19 19:21:51 +08:00
|
|
|
{...props}
|
2022-12-16 13:27:04 +08:00
|
|
|
class={`loader-container ${abrupt ? 'abrupt' : ''} ${
|
|
|
|
|
hidden ? 'hidden' : ''
|
|
|
|
|
}`}
|
|
|
|
|
>
|
2023-10-19 16:07:02 +08:00
|
|
|
<span class="loader" />
|
|
|
|
|
</span>
|
2022-12-16 13:27:04 +08:00
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default Loader;
|
