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

The Cerberus Design React component library.

'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsxRuntime = require('react/jsx-runtime');
const primitives = require('./primitives.cjs');
const show = require('../show/show.cjs');

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

exports.CircularProgress = CircularProgress;