import "./index.css";

import clsx from "clsx";
import type React from "react";

export type SpinnerProps = React.HTMLProps<HTMLDivElement> & {
	fullPage?: boolean;
};

export function Spinner({ className = "", fullPage = false, ...rest }) {
	return (
		<div className={clsx(className, fullPage ? "ObSpinner-fullPage" : "ObSpinner-wrapper")} {...rest}>
			<div className={"ObSpinner-spinner"}>
				<div className={"ObSpinner-bullet"} />
				<div className={"ObSpinner-bullet"} />
				<div className={"ObSpinner-bullet"} />
				<div className={"ObSpinner-bullet"} />
			</div>
		</div>
	);
}