import isVideo from '@filerobot/utils/lib/isVideo';
import isImage from '@filerobot/utils/lib/isImage';
import * as Styled from './PublishModal.styled';
import { PUBLIC_CDN_LINK_OPTIONS } from './Publish.constants';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var PublicConfiguration = function PublicConfiguration(_ref) {
  var i18n = _ref.i18n,
    asset = _ref.asset;
  var renderOriginalCDNLink = function renderOriginalCDNLink(_ref2) {
    var _asset$url;
    var i18nTitle = _ref2.i18nTitle,
      i18nHint = _ref2.i18nHint,
      i18nLabel = _ref2.i18nLabel;
    return /*#__PURE__*/_jsxs(Styled.ModalGroupWrapper, {
      children: [/*#__PURE__*/_jsxs(Styled.ModalGroupInner, {
        children: [/*#__PURE__*/_jsx(Styled.ModalGroupTitle, {
          children: i18n(i18nTitle)
        }), i18nHint && /*#__PURE__*/_jsx(Styled.ModalGroupHint, {
          children: i18n(i18nHint)
        })]
      }), /*#__PURE__*/_jsx(Styled.InputGroupWrapper, {
        children: /*#__PURE__*/_jsx(Styled.TextInputGroup, {
          label: i18n(i18nLabel),
          value: asset === null || asset === void 0 ? void 0 : (_asset$url = asset.url) === null || _asset$url === void 0 ? void 0 : _asset$url.cdn,
          readOnly: true
        })
      })]
    });
  };
  if (isImage(asset)) return renderOriginalCDNLink(PUBLIC_CDN_LINK_OPTIONS.IMAGE);
  if (isVideo(asset)) return renderOriginalCDNLink(PUBLIC_CDN_LINK_OPTIONS.VIDEO);
  return renderOriginalCDNLink(PUBLIC_CDN_LINK_OPTIONS.DEFAULT);
};
export default PublicConfiguration;