"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const react_2 = require("@storybook/react");
const addon_info_1 = require("@storybook/addon-info");
const index_1 = __importDefault(require("./index"));
react_2.storiesOf('CircularProgressBar', module).add('Default', addon_info_1.withInfo('Default')(() => (react_1.default.createElement("div", { style: { padding: 10 } },
    react_1.default.createElement("div", { style: { width: 400 } },
        react_1.default.createElement("label", { className: "label" }, "Default"),
        react_1.default.createElement(index_1.default, { value: 25 }),
        react_1.default.createElement("label", { className: "label" }, "With Text"),
        react_1.default.createElement(index_1.default, { value: 25 },
            react_1.default.createElement("div", { style: {
                    color: '#F8B136',
                    fontFamily: "'montserrat',sans-serif",
                    fontSize: 25,
                    fontWeight: 'bold',
                } }, "25 %"),
            react_1.default.createElement("div", { style: {
                    color: '#C4C4C4',
                    fontFamily: "'montserrat',sans-serif",
                    fontSize: 14,
                    marginTop: 5,
                } }, "complete")),
        react_1.default.createElement("label", { className: "label" }, "Custom Color"),
        react_1.default.createElement(index_1.default, { value: 30, filledColor: "#29a9db" }),
        react_1.default.createElement("label", { className: "label" }, "Custom width"),
        react_1.default.createElement(index_1.default, { value: 30, filledColor: "#2bc88f", width: 200 }),
        react_1.default.createElement("label", { className: "label" }, "Custom Thickness"),
        react_1.default.createElement(index_1.default, { value: 30, filledColor: "#2bc88f", width: 200, strokeWidth: 5 }),
        react_1.default.createElement("label", { className: "label" }, "Custom lineShape"),
        react_1.default.createElement(index_1.default, { value: 70, filledColor: "#2bc88f", strokeWidth: 15, lineShape: "round" }))))));
//# sourceMappingURL=index.story.js.map