"use strict";

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

var _ = require("./");

var _storybook = require("../../../utils/storybook");

var _NetlifyLogo = require("../../../assets/NetlifyLogo");

var _NetlifyLogo2 = _interopRequireDefault(_NetlifyLogo);

var _contentfulLogo = require("../../../assets/contentfulLogo.png");

var _contentfulLogo2 = _interopRequireDefault(_contentfulLogo);

var _netlifyLogo = require("../../../assets/netlifyLogo.svg");

var _netlifyLogo2 = _interopRequireDefault(_netlifyLogo);

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

(0, _react3.storiesOf)("core/IntegrationRow", module).add("default usage", function () {
  return _react2["default"].createElement(_storybook.StoryUtils.Container, {
    secondaryBg: true
  }, _react2["default"].createElement(_storybook.StoryUtils.Stack, {
    width: "35em"
  }, _react2["default"].createElement(_.IntegrationRow, null, _react2["default"].createElement(_.IntegrationRow.Logo, null, _react2["default"].createElement("img", {
    src: _contentfulLogo2["default"],
    alt: ""
  })), _react2["default"].createElement(_.IntegrationRow.EditButton, null), _react2["default"].createElement(_.IntegrationRow.Content, {
    details: null
  })), _react2["default"].createElement(_.IntegrationRow, {
    isConnected: true
  }, _react2["default"].createElement(_.IntegrationRow.Logo, null, _react2["default"].createElement("img", {
    src: _contentfulLogo2["default"],
    alt: ""
  })), _react2["default"].createElement(_.IntegrationRow.EditButton, null), _react2["default"].createElement(_.IntegrationRow.Content, {
    details: [{
      name: "space name",
      value: "gatsby-provisioned-blog-fba42",
      url: "https://gatsbyjs.com"
    }, {
      name: "space id",
      value: "vkdbses99qqt"
    }]
  }))));
}).add("shortcut usage", function () {
  return _react2["default"].createElement(_storybook.StoryUtils.Container, {
    secondaryBg: true
  }, _react2["default"].createElement(_storybook.StoryUtils.Stack, {
    width: "35em"
  }, _react2["default"].createElement(_.IntegrationRow, {
    title: "Netlify",
    logoUrl: _netlifyLogo2["default"],
    onClickEdit: function onClickEdit() {
      return alert("onClickEdit()");
    },
    isConnected: false,
    details: null
  }), _react2["default"].createElement(_.IntegrationRow, {
    title: "Netlify",
    logoUrl: _netlifyLogo2["default"],
    onClickEdit: function onClickEdit() {
      return alert("onClickEdit()");
    },
    isConnected: true,
    details: [{
      name: "site",
      value: "hello-world-01",
      url: "https://gatsbyjs.com"
    }, {
      name: "team",
      value: "shannonb_ux"
    }]
  })));
}).add("with inline SVG as logo", function () {
  return _react2["default"].createElement(_storybook.StoryUtils.Container, {
    secondaryBg: true
  }, _react2["default"].createElement(_storybook.StoryUtils.Stack, {
    width: "35em"
  }, _react2["default"].createElement(_.IntegrationRow, null, _react2["default"].createElement(_.IntegrationRow.Logo, null, _react2["default"].createElement(_NetlifyLogo2["default"], null)), _react2["default"].createElement(_.IntegrationRow.EditButton, null), _react2["default"].createElement(_.IntegrationRow.Content, null))));
});