Evavic44

import { useEffect } from "react";

export default function ProgressBar() {
  const scheme = "#BD2546"; // hardcode progress bar theme or make it dynamic
  const progress = 78; // progress value

  function handleProgress(value: number, circle: "track" | "progress") {
    const track = 2 * 3.14 * 90;
    const progress = track * ((100 - value) / 100);
    return circle === "track" ? track : progress;

Evavic44

"use client";
import { useRef } from "react";
import { Cloudinary } from "@cloudinary/url-gen";
import {
  AdvancedVideo,
  AdvancedImage,
  lazyload,
  accessibility,
} from "@cloudinary/react";