@kiwicom/orbit-components/lib/_deprecated/Card/CardHeader/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";

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

var React = _interopRequireWildcard(require("react"));

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

var _defaultTokens = _interopRequireDefault(require("../../../defaultTokens"));

var _Heading = _interopRequireDefault(require("../../../Heading"));

var _Text = _interopRequireDefault(require("../../../Text"));

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

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

var StyledCardHeader = _styledComponents.default.div.withConfig({
  displayName: "CardHeader__StyledCardHeader",
  componentId: "sc-39t2tz-0"
})(["position:relative;width:100%;padding:", ";box-sizing:border-box;color:", ";"], function (_ref) {
  var theme = _ref.theme;
  return theme.orbit.spaceLarge;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.orbit.colorHeading;
});

exports.StyledCardHeader = StyledCardHeader;
StyledCardHeader.defaultProps = {
  theme: _defaultTokens.default
};

var StyledHeadingWrapper = _styledComponents.default.div.withConfig({
  displayName: "CardHeader__StyledHeadingWrapper",
  componentId: "sc-39t2tz-1"
})(["display:flex;"]);

var StyledSubTitle = _styledComponents.default.div.withConfig({
  displayName: "CardHeader__StyledSubTitle",
  componentId: "sc-39t2tz-2"
})(["text-align:center;margin-top:", ";"], function (_ref3) {
  var theme = _ref3.theme;
  return theme.orbit.spaceXSmall;
});

StyledSubTitle.defaultProps = {
  theme: _defaultTokens.default
};

var StyledIcon = _styledComponents.default.div.withConfig({
  displayName: "CardHeader__StyledIcon",
  componentId: "sc-39t2tz-3"
})(["color:", ";display:flex;align-items:center;margin-right:", ";"], function (_ref4) {
  var theme = _ref4.theme;
  return theme.orbit.colorHeading;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.orbit.spaceXSmall;
});

StyledIcon.defaultProps = {
  theme: _defaultTokens.default
};

var CardHeader = function CardHeader(_ref6) {
  var icon = _ref6.icon,
      title = _ref6.title,
      subTitle = _ref6.subTitle;
  return React.createElement(StyledCardHeader, null, React.createElement(StyledHeadingWrapper, null, icon && React.createElement(StyledIcon, null, icon), React.createElement(_Heading.default, {
    type: "title2",
    element: "h2"
  }, title)), subTitle && React.createElement(StyledSubTitle, null, React.createElement(_Text.default, null, subTitle)));
};

var _default = CardHeader;
exports.default = _default;