optimizely-oui/dist/js/components/Avatar/avatar.story.js

Optimizely's Component Library.

"use strict";

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

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

var _addonKnobs = require("@storybook/addon-knobs");

var _index = _interopRequireDefault(require("./index.js"));

var _Container = _interopRequireDefault(require("../Layout/Container"));

var _Row = _interopRequireDefault(require("../Layout/Row"));

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

var stories = (0, _react2.storiesOf)("Informational|Avatar", module);
stories.addDecorator(_addonKnobs.withKnobs).addDecorator(function (story) {
  return _react["default"].createElement("div", {
    id: "root-preview"
  }, story());
});
stories.add("Default", function () {
  return _react["default"].createElement(_Container["default"], null, _react["default"].createElement("p", null, "Size options are small and medium (large is the default and therefore achieved by not specifying a size)"), _react["default"].createElement(_Row["default"], null, _react["default"].createElement(_index["default"], {
    size: (0, _addonKnobs.select)("size", {
      small: "small",
      medium: "medium",
      "large (default)": null
    }, "small")
  }), _react["default"].createElement(_index["default"], {
    size: "medium"
  }), _react["default"].createElement(_index["default"], null)), _react["default"].createElement(_Row["default"], {
    paddedContent: "ends"
  }, _react["default"].createElement(_index["default"], {
    size: "small",
    imageUrl: (0, _addonKnobs.text)("imageUrl", "https://parkseed.com/images/xxl/52081-pk-p1.jpg")
  }), _react["default"].createElement(_index["default"], {
    size: "medium",
    imageUrl: (0, _addonKnobs.text)("imageUrl", "https://parkseed.com/images/xxl/52081-pk-p1.jpg")
  }), _react["default"].createElement(_index["default"], {
    imageUrl: (0, _addonKnobs.text)("imageUrl", "https://parkseed.com/images/xxl/52081-pk-p1.jpg")
  })), _react["default"].createElement(_Row["default"], null, _react["default"].createElement(_index["default"], {
    size: "small",
    isEmulating: (0, _addonKnobs["boolean"])("isEmulating", true)
  }), _react["default"].createElement(_index["default"], {
    size: "medium",
    isEmulating: (0, _addonKnobs["boolean"])("isEmulating", true)
  }), _react["default"].createElement(_index["default"], {
    isEmulating: (0, _addonKnobs["boolean"])("isEmulating", true)
  })));
});