Loading Spinner

"use client";

import {LoadingSpinner} from "@brynlabs/fusion-ui";
import React from "react";

export const LoadingSpinnerExample = () => (
  <div style={{display: "flex", alignItems: "center", gap: "20px"}}>
    <LoadingSpinner></LoadingSpinner>
    <div style={{fontSize: "5rem"}}>
      <LoadingSpinner dualTone={true}></LoadingSpinner>
    </div>
    <div style={{fontSize: "5rem", color: "green"}}>
      <LoadingSpinner spinnerStyle={"currentColor"}></LoadingSpinner>
    </div>
    <div style={{fontSize: "5rem", color: "red"}}>
      <LoadingSpinner spinnerStyle={"currentColor"} dualTone={true}></LoadingSpinner>
    </div>
    <div style={{fontSize: "5rem", color: "orange"}}>
      <LoadingSpinner value={0.3} spinnerStyle={"currentColor"} dualTone={true}></LoadingSpinner>
    </div>
  </div>
);