@roo-ui/components/dist/StarRating/StarRating.story.js

"use strict";

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

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

var _storybookReadme = require("storybook-readme");

var _ = require("..");

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

var _README = _interopRequireDefault(require("./README.md"));

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

(0, _react2.storiesOf)('Components|StarRating', module).addDecorator((0, _storybookReadme.withDocs)(_README.default)).add('default', function () {
  return _react.default.createElement(_.Flex, {
    justifyContent: "space-around"
  }, _react.default.createElement(_.Box, null, _react.default.createElement(_.Heading.h4, null, "AAA Rated"), _react.default.createElement(_2.default, {
    rating: "5",
    ratingType: "AAA",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "4.5",
    ratingType: "AAA",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "4",
    ratingType: "AAA",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "3.5",
    ratingType: "AAA",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "3",
    ratingType: "AAA",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "2.5",
    ratingType: "AAA",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "2",
    ratingType: "AAA",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "1.5",
    ratingType: "AAA",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "1",
    ratingType: "AAA",
    size: "20"
  })), _react.default.createElement(_.Box, null, _react.default.createElement(_.Heading.h4, null, "Self Rated"), _react.default.createElement(_2.default, {
    rating: "5",
    ratingType: "SELF_RATED",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "4.5",
    ratingType: "SELF_RATED",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "4",
    ratingType: "SELF_RATED",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "3.5",
    ratingType: "SELF_RATED",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "3",
    ratingType: "SELF_RATED",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "2.5",
    ratingType: "SELF_RATED",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "2",
    ratingType: "SELF_RATED",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "1.5",
    ratingType: "SELF_RATED",
    size: "20"
  }), _react.default.createElement(_2.default, {
    rating: "1",
    ratingType: "SELF_RATED",
    size: "20"
  })));
});