import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["children", "className", "fullWidth", "size"];
import React from 'react';
import Box from '../box';
import Icon from '../icon';
import cx from 'classnames';
import theme from './theme.css';
import { IconLockSmallFilled } from '@teamleader/ui-icons';
import { UITextBody, UITextSmall } from '../typography';

var MarketingStatusLabel = function MarketingStatusLabel(_ref) {
  var children = _ref.children,
      className = _ref.className,
      _ref$fullWidth = _ref.fullWidth,
      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
      _ref$size = _ref.size,
      size = _ref$size === void 0 ? 'medium' : _ref$size,
      others = _objectWithoutProperties(_ref, _excluded);

  var classNames = cx(theme['wrapper'], theme["is-".concat(size)], className);
  var TextElement = size === 'small' ? UITextSmall : UITextBody;
  return /*#__PURE__*/React.createElement(Box, _extends({}, others, {
    alignItems: "center",
    display: fullWidth ? 'flex' : 'inline-flex',
    justifyContent: "center",
    className: classNames,
    paddingHorizontal: 2
  }), /*#__PURE__*/React.createElement(TextElement, {
    className: theme['text'],
    marginRight: 2
  }, children), /*#__PURE__*/React.createElement(Icon, {
    className: theme['icon']
  }, /*#__PURE__*/React.createElement(IconLockSmallFilled, null)));
};

export default MarketingStatusLabel;