@atlaskit/editor-plugin-media/dist/cjs/ui/Media/DropPlaceholder.js

Media plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("@emotion/react");
var _reactIntl = require("react-intl");
var _media = require("@atlaskit/editor-common/media");
var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
var _media2 = require("../../nodeviews/mediaNodeView/media");
/**
 * @jsxRuntime classic
 * @jsx jsx
 */
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports

var iconWrapperStyles = (0, _react.css)({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
  color: "var(--ds-icon-accent-blue, #357DE8)",
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
  background: "var(--ds-background-accent-blue-subtle, #669DF1)",
  borderRadius: "var(--ds-radius-small, 3px)",
  margin: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-300, 24px)"),
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
  width: "".concat(_media2.FILE_WIDTH, "px"),
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
  minHeight: "".concat(_media2.MEDIA_HEIGHT, "px"),
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center'
});
var dropLineStyles = (0, _react.css)({
  background: "var(--ds-border-focused, #4688EC)",
  borderRadius: "var(--ds-radius-small, 3px)",
  margin: "var(--ds-space-025, 2px)".concat(" 0"),
  width: '100%',
  height: '2px'
});
var IconWrapperComponent = function IconWrapperComponent(props) {
  var intl = props.intl;
  var dropPlaceholderLabel = _media.dropPlaceholderMessages.dropPlaceholderLabel;
  return (0, _react.jsx)("div", {
    css: iconWrapperStyles
  }, (0, _react.jsx)(_file.default, {
    label: intl.formatMessage(dropPlaceholderLabel)
  }));
};
var IntlIconWrapper = (0, _reactIntl.injectIntl)(IconWrapperComponent);
var _default = exports.default = function _default(_ref) {
  var _ref$type = _ref.type,
    type = _ref$type === void 0 ? 'group' : _ref$type;
  return type === 'single' ? (0, _react.jsx)("div", {
    css: dropLineStyles
  }) : (0, _react.jsx)(IntlIconWrapper, null);
};