"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _react = require("@storybook/react");

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

var _ = require(".");

var _Box = require("../Box");

var _Stack = require("../Stack");

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('Progress', module).addDecorator(function (story) {
  return __jsx(_Box.Box, {
    maxWidth: "400px",
    mx: "auto",
    mt: 8,
    p: 3
  }, story());
});
stories.add('basic usage', function () {
  return __jsx(_.Progress, {
    value: 20,
    isIndeterminate: true
  });
});
stories.add('with theme color ', function () {
  return __jsx(_.Progress, {
    color: "pink.500",
    value: 20,
    rounded: "md"
  });
});
stories.add('with stripe', function () {
  return __jsx(_.Progress, {
    color: "green.500",
    hasStripe: true,
    value: 20
  });
});
stories.add('with sizes', function () {
  return __jsx(_Stack.Stack, null, __jsx(_.Progress, {
    color: "green.500",
    size: "sm",
    value: 20
  }), __jsx(_.Progress, {
    color: "green.500",
    size: "md",
    value: 20
  }), __jsx(_.Progress, {
    color: "green.500",
    size: "lg",
    value: 20
  }));
});
stories.add('with stripe animation', function () {
  return __jsx(_.Progress, {
    color: "green.500",
    hasStripe: true,
    isAnimated: true,
    value: 20
  });
});
//# sourceMappingURL=examples.js.map