// components/RadialProgress.js
import { Tag } from "sigpro";

export const RadialProgress = (props) => {
  const { class: className, value, max = 100, children, ...rest } = props;
  const percentage = value != null ? (value / max) * 100 : 0;
  const style = `--value: ${percentage}; --max: 100;`;

  return Tag("div", {
    ...rest,
    class: `radial-progress ${className || ''}`.trim(),
    style: style,
    role: "progressbar",
    "aria-valuenow": value,
    "aria-valuemin": 0,
    "aria-valuemax": max
  }, children || `${Math.round(percentage)}%`);
};