import { clsx } from 'clsx';
import { jsxs } from 'react/jsx-runtime';

const Progress = ({
  className,
  id,
  progress
}) => {
  return /*#__PURE__*/jsxs("progress", {
    id: id,
    className: clsx('np-progress d-block', className),
    ...progress,
    children: [Math.floor(progress.value / progress.max * 100), "%"]
  });
};

export { Progress as default };
//# sourceMappingURL=Progress.mjs.map
