@krowdy-ui/core/CardHeader/CardHeader.js

React components that implement Google's Material Design.

"use strict";

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

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

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

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

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

var _CardHeader = _interopRequireDefault(require("@material-ui/core/CardHeader"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _clsx = _interopRequireDefault(require("clsx"));

var _styles = require("@krowdy-ui/styles");

var _excluded = ["shadow"],
    _excluded2 = ["className", "classes", "shadow"];

var styles = function styles(theme) {
  return {
    action: {},
    avatar: {},
    content: {},
    root: {},
    shadow: {
      borderBottom: "1px solid ".concat(theme.palette.grey[300]),
      boxShadow: theme.shadows[1],
      padding: theme.spacing(1.25, 2)
    },
    subheader: {},
    title: {}
  };
};

exports.styles = styles;

var CardHeader = _react["default"].forwardRef(function CardHeader(props, ref) {
  var classNameProps = props.className,
      _props$classes = props.classes,
      shadowClass = _props$classes.shadow,
      classes = (0, _objectWithoutProperties2["default"])(_props$classes, _excluded),
      _props$shadow = props.shadow,
      shadow = _props$shadow === void 0 ? false : _props$shadow,
      othersProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
  return /*#__PURE__*/_react["default"].createElement(_CardHeader["default"], (0, _extends2["default"])({
    classes: classes,
    className: (0, _clsx["default"])(classNameProps, shadow && shadowClass),
    ref: ref
  }, othersProps));
});

process.env.NODE_ENV !== "production" ? CardHeader.propTypes = {
  /**
   * The action to display in the card header.
   */
  action: _propTypes["default"].node,

  /**
   * The Avatar for the Card Header.
   */
  avatar: _propTypes["default"].node,

  /**
   * @ignore
   */
  className: _propTypes["default"].string,

  /**
   * Override or extend the styles applied to the component.
   * See [CSS API](#css) below for more details.
   */
  classes: _propTypes["default"].object.isRequired,

  /**
   * The component used for the root node.
   * Either a string to use a DOM element or a component.
   */
  component: _propTypes["default"].elementType,

  /**
   * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
   * This can be useful to render an alternative Typography variant by wrapping
   * the `title` text, and optional `subheader` text
   * with the Typography component.
   */
  disableTypography: _propTypes["default"].bool,
  shadow: _propTypes["default"].bool,

  /**
   * The content of the component.
   */
  subheader: _propTypes["default"].node,

  /**
   * These props will be forwarded to the subheader
   * (as long as disableTypography is not `true`).
   */
  subheaderTypographyProps: _propTypes["default"].object,

  /**
   * The content of the Card Title.
   */
  title: _propTypes["default"].node,

  /**
   * These props will be forwarded to the title
   * (as long as disableTypography is not `true`).
   */
  titleTypographyProps: _propTypes["default"].object
} : void 0;

var _default = (0, _styles.withStyles)(styles, {
  name: 'KrowdyCardHeader'
})(CardHeader);

exports["default"] = _default;