@cbinsights/fds/lib/components/ZeroState/index.js

Form: A design system by CB Insights

"use strict";

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

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

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

var _styleConstants = _interopRequireDefault(require("../../dictionary/js/styleConstants"));

var ZeroState = function ZeroState(_ref) {
  var Icon = _ref.Icon,
      _ref$label = _ref.label,
      label = _ref$label === void 0 ? '' : _ref$label,
      _ref$height = _ref.height,
      height = _ref$height === void 0 ? '0px' : _ref$height;
  return /*#__PURE__*/_react.default.createElement("article", {
    className: "alignChild--center--center",
    style: {
      minHeight: height
    }
  }, /*#__PURE__*/_react.default.createElement("section", null, Icon && /*#__PURE__*/_react.default.createElement("div", {
    className: "alignChild--center--center",
    role: "img"
  }, /*#__PURE__*/_react.default.createElement(Icon, {
    size: "xl",
    color: _styleConstants.default.FONT_COLOR_HINT
  })), /*#__PURE__*/_react.default.createElement("p", {
    className: "color--secondary padding--top--s align--center"
  }, label)));
};

var _default = ZeroState;
exports.default = _default;