import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import t,{useEffect as o}from"react";import"../../node_modules/prop-types/index.js";import r from"../../node_modules/next/router.js";import{DEFAULT_BLOC_PROPERTIES as n}from"../Bloc/BlocProperties.js";import{Video as s}from"../Media/Video.js";import"../../node_modules/react-redux/es/index.js";import{useDispatch as i}from"../../node_modules/react-redux/es/hooks/useDispatch.js";import{useSelector as l}from"../../node_modules/react-redux/es/hooks/useSelector.js";import{p as a}from"../../_virtual/index.js_commonjs-module";var d=e(e({},n),{youtubeChannel:""});function m(e){var r=e.youtubeChannel,n=e.loadVideos,a=e.selectVideos,d=i(),m=l(a);return o((function(){null!=r&&""!==r&&d(n(r))}),[r]),t.createElement(t.Fragment,null,t.createElement("div",{className:"video-list"},t.createElement("div",{className:"row"},(m||[]).map((function(e,o){var r=e.videoUrl,n=e.title,i=e.publishedAt;return t.createElement("div",{className:"col-12 col-xl-6 col-md-6",key:"video-list-"+o},t.createElement("div",{className:"video-list-wrapper"},t.createElement("div",{className:"video"},t.createElement(s,{url:r,autoPlay:!1,width:"100%",height:"500"})),t.createElement("div",{className:"video-text"},t.createElement("span",null,i),t.createElement("h3",null,n))))})))),t.createElement("style",{jsx:!0},"\n               .video-list-wrapper {\n                    background: #eeeeee;\n                    color: #007489;\n                    background-color: #fff;\n                    box-shadow: 0 0 1px rgb(67 90 111 / 47%), 0 2px 4px -2px rgb(67 90 111 / 30%);\n                    border-radius: 4px;\n               }\n\n               .video-text {\n                    padding: 1rem 2rem;\n               }\n\n               .video-text span {\n                    font-size: 12px;\n                    color: #333;\n               }\n\n               .video-text h3 {\n                    margin-top: 1rem;\n               }\n            "))}m.propTypes={title:a.exports.string,youtubeChannel:a.exports.string,subTitle:a.exports.string,content:a.exports.string,mediaUrl:a.exports.string,onVoiceMediaChange:a.exports.func,isImageFullHeight:a.exports.string};var p=r.withRouter(m);export default p;export{d as DEFAULT_VIDEO_LIST};
//# sourceMappingURL=VideoList.js.map
