"use strict";

exports.__esModule = true;
exports.default = NewChip;

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

var _styles = require("@mui/material/styles");

var _material = require("@mui/material");

var _reactIntl = require("react-intl");

var _useThemeProps = _interopRequireDefault(require("@mui/material/styles/useThemeProps"));

var _classnames = _interopRequireDefault(require("classnames"));

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

const PREFIX = 'SCNotificationNewChip';
const classes = {
  root: `${PREFIX}-root`
};
const Root = (0, _styles.styled)(_material.Chip, {
  name: PREFIX,
  slot: 'Root',
  overridesResolver: (props, styles) => [styles.root]
})(() => ({
  marginRight: 3,
  fontSize: 11,
  padding: 3,
  borderRadius: 3,
  height: 20,
  display: 'inline',
  float: 'left'
}));

function NewChip(inProps) {
  const props = (0, _useThemeProps.default)({
    props: inProps,
    name: PREFIX
  });
  const {
    className = null
  } = props;
  /**
   * Renders root object
   */

  return /*#__PURE__*/_react.default.createElement(Root, _extends({
    className: (0, _classnames.default)(classes.root, className),
    label: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
      id: "ui.notification.notificationNewChip.label",
      defaultMessage: "ui.notification.notificationNewChip.label"
    }),
    size: "small",
    color: "error"
  }, props));
}