"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(0,_react2.storiesOf)("CircularProgressBar",module).add("Default",(0,_addonInfo.withInfo)("Default")(function(){return _react.default.createElement("div",{style:{padding:10}},_react.default.createElement("div",{style:{width:400}},_react.default.createElement("label",{className:"label"},"Default"),_react.default.createElement(_index.default,{value:25}),_react.default.createElement("label",{className:"label"},"With Text"),_react.default.createElement(_index.default,{value:25},_react.default.createElement("div",{style:{color:"#F8B136",fontFamily:"'montserrat',sans-serif",fontSize:25,fontWeight:"bold"}},"25 %"),_react.default.createElement("div",{style:{color:"#C4C4C4",fontFamily:"'montserrat',sans-serif",fontSize:14,marginTop:5}},"complete")),_react.default.createElement("label",{className:"label"},"Custom Color"),_react.default.createElement(_index.default,{value:30,filledColor:"#29a9db"}),_react.default.createElement("label",{className:"label"},"Custom width"),_react.default.createElement(_index.default,{value:30,filledColor:"#2bc88f",width:200}),_react.default.createElement("label",{className:"label"},"Custom Thickness"),_react.default.createElement(_index.default,{value:30,filledColor:"#2bc88f",width:200,strokeWidth:5}),_react.default.createElement("label",{className:"label"},"Custom lineShape"),_react.default.createElement(_index.default,{value:70,filledColor:"#2bc88f",strokeWidth:15,lineShape:"round"})))}));