@stokr/components-library/dist/components/DonutChart/DonutChart.stories.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.DonutChartDefault = void 0;
var _react = _interopRequireDefault(require("react"));
var _DonutChart = _interopRequireDefault(require("./DonutChart"));
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
var _global = _interopRequireDefault(require("../../styles/global"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
  title: 'Components Library/DonutChart',
  component: _DonutChart.default,
  argTypes: {
    children: {
      type: 'node',
      defaultValue: null
    },
    center: {
      type: 'boolean',
      defaultValue: false
    },
    data: {
      type: 'array',
      defaultValue: [{
        value: ''
      }, {
        name: ''
      }, {
        color: ''
      }],
      required: true
    }
  }
};
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_DonutChart.default, args)));
const DonutChartDefault = exports.DonutChartDefault = Template.bind({});
DonutChartDefault.args = {
  children: null,
  data: [{
    value: 56,
    name: 'A Name',
    color: 'blue'
  }, {
    value: 34,
    name: 'B Name',
    color: 'red'
  }],
  center: true
};

// doublecheck
// cannot resolve d3