@cerberus-design/react/dist/components/circular-progress/circular-progress.js

The Cerberus Design React component library.

import { jsxs, jsx } from 'react/jsx-runtime';
import { CircularProgressRoot, CircularProgressCircle, CircularProgressCircleTrack, CircularProgressCircleRange, CircularProgressInfoGroup, CircularProgressValueText, CircularProgressLabel } from './primitives.js';
import { Show } from '../show/show.js';

function CircularProgress(props) {
  const { label, hideValueText, ...rootProps } = props;
  return /* @__PURE__ */ jsxs(CircularProgressRoot, { ...rootProps, children: [
    /* @__PURE__ */ jsxs(CircularProgressCircle, { children: [
      /* @__PURE__ */ jsx(CircularProgressCircleTrack, {}),
      /* @__PURE__ */ jsx(CircularProgressCircleRange, {})
    ] }),
    /* @__PURE__ */ jsxs(CircularProgressInfoGroup, { children: [
      /* @__PURE__ */ jsx(Show, { when: !hideValueText, children: /* @__PURE__ */ jsx(CircularProgressValueText, {}) }),
      /* @__PURE__ */ jsx(CircularProgressLabel, { children: label ?? "Done" })
    ] })
  ] });
}

export { CircularProgress };