"use strict";

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

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

var _components = require("@looker/components");

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _components2 = require("./components");

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

var SomethingWentWrong = _ref => {
  var {
    header,
    actionMessage,
    altText
  } = _ref;
  return _react.default.createElement(OuterFlex, null, _react.default.createElement(_components2.SomethingWentWrongGraphic, {
    altText: altText
  }), _react.default.createElement(HeaderText, null, header), _react.default.createElement(_components.Box, {
    width: 520
  }, _react.default.createElement(ActionMessage, null, actionMessage)));
};

exports.SomethingWentWrong = SomethingWentWrong;
var OuterFlex = (0, _styledComponents.default)(_components.Flex).withConfig({
  displayName: "SomethingWentWrong__OuterFlex",
  componentId: "sc-1xvmu4u-0"
})(["width:100%;margin-top:", ";justify-content:center;flex-direction:column;align-items:center;"], props => props.theme.space.xxxxlarge);

var HeaderText = _styledComponents.default.h1.withConfig({
  displayName: "SomethingWentWrong__HeaderText",
  componentId: "sc-1xvmu4u-1"
})(["margin-top:", ";text-align:center;font-family:", ";font-weight:", ";font-size:", ";color:", ";"], props => props.theme.space.large, props => props.theme.fonts.brand, props => props.theme.fontWeights.normal, props => props.theme.fontSizes.xxxxlarge, props => props.theme.colors.text5);

var ActionMessage = _styledComponents.default.h3.withConfig({
  displayName: "SomethingWentWrong__ActionMessage",
  componentId: "sc-1xvmu4u-2"
})(["margin-top:", ";text-align:center;font-family:", ";font-weight:", ";font-size:", ";color:", ";"], props => props.theme.space.small, props => props.theme.fonts.brand, props => props.theme.fontWeights.normal, props => props.theme.fontSizes.large, props => props.theme.colors.text3);
//# sourceMappingURL=SomethingWentWrong.js.map