{
  "version": 3,
  "sources": ["../../src/focal-point-picker/media.tsx"],
  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport { MediaPlaceholder } from './styles/focal-point-picker-style';\nimport { isVideoType } from './utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Media({\n  alt,\n  autoPlay,\n  src,\n  onLoad,\n  mediaRef,\n  // Exposing muted prop for test rendering purposes\n  // https://github.com/testing-library/react-testing-library/issues/470\n  muted = true,\n  ...props\n}) {\n  if (!src) {\n    return /*#__PURE__*/_jsx(MediaPlaceholder, {\n      className: \"components-focal-point-picker__media components-focal-point-picker__media--placeholder\",\n      ref: mediaRef,\n      ...props\n    });\n  }\n  const isVideo = isVideoType(src);\n  return isVideo ? /*#__PURE__*/_jsx(\"video\", {\n    ...props,\n    autoPlay: autoPlay,\n    className: \"components-focal-point-picker__media components-focal-point-picker__media--video\",\n    loop: true,\n    muted: muted,\n    onLoadedData: onLoad,\n    ref: mediaRef,\n    src: src\n  }) : /*#__PURE__*/_jsx(\"img\", {\n    ...props,\n    alt: alt,\n    className: \"components-focal-point-picker__media components-focal-point-picker__media--image\",\n    onLoad: onLoad,\n    ref: mediaRef,\n    src: src\n  });\n}"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,sCAAiC;AACjC,mBAA4B;AAC5B,yBAA4B;AACb,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA,QAAQ;AAAA,EACR,GAAG;AACL,GAAG;AACD,MAAI,CAAC,KAAK;AACR,WAAoB,uCAAAA,KAAK,kDAAkB;AAAA,MACzC,WAAW;AAAA,MACX,KAAK;AAAA,MACL,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,QAAM,cAAU,0BAAY,GAAG;AAC/B,SAAO,UAAuB,uCAAAA,KAAK,SAAS;AAAA,IAC1C,GAAG;AAAA,IACH;AAAA,IACA,WAAW;AAAA,IACX,MAAM;AAAA,IACN;AAAA,IACA,cAAc;AAAA,IACd,KAAK;AAAA,IACL;AAAA,EACF,CAAC,IAAiB,uCAAAA,KAAK,OAAO;AAAA,IAC5B,GAAG;AAAA,IACH;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,KAAK;AAAA,IACL;AAAA,EACF,CAAC;AACH;",
  "names": ["_jsx"]
}