"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Main = void 0;

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

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

var _Avatar = _interopRequireDefault(require("./Avatar"));

var _avatar = _interopRequireDefault(require("../../static/data/avatar"));

var _default = {
  component: _Avatar.default,
  title: 'Avatar'
};
exports.default = _default;

var Wrapper = function Wrapper(_ref) {
  var props = (0, _extends2.default)({}, _ref);
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
    style: {
      marginRight: '12px'
    }
  }, props));
};

var Main = function Main() {
  return /*#__PURE__*/_react.default.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column'
    }
  }, ['tiny', 'small', 'medium', 'large', 'hero'].map(function (size) {
    return /*#__PURE__*/_react.default.createElement("div", {
      key: size,
      style: {
        marginBottom: '24px',
        display: 'flex'
      }
    }, /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
      size: size,
      imageUrl: _avatar.default[0].image
    })), /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
      size: size,
      imageUrl: _avatar.default[1].image
    })), /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
      size: size,
      fullName: "John Doe"
    })), /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
      size: size,
      fullName: "John Doe",
      id: "1"
    })), /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
      size: size,
      fullName: "Lowie Benoot",
      id: "2"
    })), /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
      size: size,
      fullName: "Teamleader Development",
      id: "3",
      shape: "rounded"
    })), /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
      size: size,
      fullName: "John Doe",
      creatable: true
    })), /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
      size: size,
      team: true
    })));
  }));
};

exports.Main = Main;