"use strict";

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

var _md = require("react-icons/md");

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

var _ = require("./");

var _Announcement = require("../Announcement");

var _IntegrationRow = require("../IntegrationRow");

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

var _netlifyLogo2 = _interopRequireDefault(_netlifyLogo);

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

var _contentfulLogo2 = _interopRequireDefault(_contentfulLogo);

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

(0, _react3.storiesOf)("core/SettingsBlock", 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(_.SettingsBlock, null, _react2["default"].createElement(_.SettingsBlock.Header, null, _react2["default"].createElement(_.SettingsBlock.Title, null, "Automated Integrations", _react2["default"].createElement(_.SettingsBlock.Doclink, {
    to: "/"
  }))), _react2["default"].createElement(_.SettingsBlock.Content, null, _react2["default"].createElement(_storybook.StoryUtils.Content, {
    hint: "This is the Block's content section"
  }))), _react2["default"].createElement(_.SettingsBlock, null, _react2["default"].createElement(_.SettingsBlock.Header, null, _react2["default"].createElement(_.SettingsBlock.Title, null, "Automated Integrations ", _react2["default"].createElement(_.SettingsBlock.Doclink, {
    to: "/"
  })), _react2["default"].createElement(_.SettingsBlock.Description, null, "Gatsby Cloud can automatically deploy each site build to one or more CDN hosts of your choice\u2014just connect and you are good to go!")), _react2["default"].createElement(_.SettingsBlock.Content, null, _react2["default"].createElement(_storybook.StoryUtils.Content, {
    hint: "This is the Block's content section"
  }))), _react2["default"].createElement(_.SettingsBlock, null, _react2["default"].createElement(_.SettingsBlock.Header, null, _react2["default"].createElement(_.SettingsBlock.Title, null, "Automated Integrations ", _react2["default"].createElement(_.SettingsBlock.Doclink, {
    to: "/"
  })), _react2["default"].createElement(_.SettingsBlock.Description, null, "Gatsby Cloud can automatically deploy each site build to one or more CDN hosts of your choice\u2014just connect and you are good to go!"), _react2["default"].createElement(_.SettingsBlock.Description, null, "CDN hosts of your choice\u2014just connect and you are good to go!")), _react2["default"].createElement(_.SettingsBlock.Content, null, _react2["default"].createElement(_storybook.StoryUtils.Content, {
    hint: "This is the Block's content section"
  })))));
}).add("shortcut usage", function () {
  return _react2["default"].createElement(_storybook.StoryUtils.Container, {
    secondaryBg: true
  }, _react2["default"].createElement(_storybook.StoryUtils.Stack, {
    width: "35em"
  }, _react2["default"].createElement(_.SettingsBlock, {
    title: "Automated Integrations",
    doclink: "/",
    description: " Gatsby Cloud can automatically deploy each site build to one or more CDN hosts of your choice\u2014just connect and you are good to go!"
  }, _react2["default"].createElement(_.SettingsBlock.Content, null, _react2["default"].createElement(_storybook.StoryUtils.Content, {
    hint: "This is the Block's content section"
  })))));
}).add("with items", function () {
  return _react2["default"].createElement(_storybook.StoryUtils.Container, {
    secondaryBg: true
  }, _react2["default"].createElement(_storybook.StoryUtils.Stack, {
    width: "35em"
  }, _react2["default"].createElement(_.SettingsBlock, {
    title: "Automated Integrations",
    doclink: "/",
    description: " Gatsby Cloud can automatically deploy each site build to one or more CDN hosts of your choice\u2014just connect and you are good to go!"
  }, _react2["default"].createElement(_.SettingsBlock.Content, null, _react2["default"].createElement(_IntegrationRow.IntegrationRow, {
    title: "Contentful",
    logoUrl: _contentfulLogo2["default"],
    onClickEdit: function onClickEdit() {
      return alert("onClickEdit()");
    },
    isConnected: false,
    details: null
  }), _react2["default"].createElement(_IntegrationRow.IntegrationRow, {
    title: "Netlify",
    logoUrl: _netlifyLogo2["default"],
    onClickEdit: function onClickEdit() {
      return alert("onClickEdit()");
    },
    isConnected: false,
    details: null
  })))));
}).add("with Announcement", function () {
  return _react2["default"].createElement(_storybook.StoryUtils.Container, {
    secondaryBg: true
  }, _react2["default"].createElement(_storybook.StoryUtils.Stack, {
    width: "35em"
  }, _react2["default"].createElement(_.SettingsBlock, {
    title: "Automated Integrations",
    doclink: "/",
    description: " Gatsby Cloud can automatically deploy each site build to one or more CDN hosts of your choice\u2014just connect and you are good to go!"
  }, _react2["default"].createElement(_.SettingsBlock.Content, null, _react2["default"].createElement(_IntegrationRow.IntegrationRow, {
    title: "Contentful",
    logoUrl: _contentfulLogo2["default"],
    onClickEdit: function onClickEdit() {
      return alert("onClickEdit()");
    },
    isConnected: false,
    details: null
  }), _react2["default"].createElement(_IntegrationRow.IntegrationRow, {
    title: "Netlify",
    logoUrl: _netlifyLogo2["default"],
    onClickEdit: function onClickEdit() {
      return alert("onClickEdit()");
    },
    isConnected: false,
    details: null
  }), _react2["default"].createElement(_Announcement.Announcement, null, "We are working on adding more integrations all the time\u2014watch your inbox!")))));
});