@hisptz/react-ui/build/cjs/components/CircularProgressDashboard/CircularProgressIndicator.stories.js

A collection of reusable complex DHIS2 react ui components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithTextStyling = exports.WithStrokeStyling = exports.Default = void 0;

var _react = _interopRequireDefault(require("react"));

var _ = _interopRequireDefault(require("."));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const Template = args => /*#__PURE__*/_react.default.createElement(_.default, args);

const Default = Template.bind({});
exports.Default = Default;
Default.args = {
  numerator: 7,
  denominator: 10,
  size: 500
};
const WithStrokeStyling = Template.bind({});
exports.WithStrokeStyling = WithStrokeStyling;
WithStrokeStyling.args = {
  numerator: 7,
  denominator: 10,
  size: 500,
  strokeStyle: {
    width: "10%",
    color: "red"
  }
};
const WithTextStyling = Template.bind({});
exports.WithTextStyling = WithTextStyling;
WithTextStyling.args = {
  numerator: 7,
  denominator: 10,
  size: 500,
  textStyle: {
    color: "red",
    fontWeight: "bold",
    fontSize: "20vh"
  }
};
var _default = {
  title: "Components/Circular Progress Indicator",
  component: _.default
};
exports.default = _default;