https://www.wionews.com/_next/static/chunks/843.f664e5892f6a74ac.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[843],{30843:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var r=t(85893),a=t(97005),i=t(19706),l=t.n(i),o=t(70515);function s(e){let{breakingNews:n,name:t}=e,{theme:i}=(0,o.Z)();return n&&(null==n?void 0:n.length)!==0?(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"".concat(l().breaknewsNews," ").concat("dark"===i?l().dark:""),children:[(0,r.jsx)("div",{className:l().heading,children:t||(null==n?void 0:n.heading_title)||(null==n?void 0:n.name)||"BREAKING"}),(0,r.jsx)("div",{className:l().sliderArea,children:(0,r.jsx)(a.Z,{direction:"left",gradient:!1,pauseOnHover:!0,speed:50,children:null==n?void 0:n.map((e,n)=>(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("p",{className:l().breakingSlide,children:(0,r.jsx)("a",{href:null==e?void 0:e.url,children:null==e?void 0:e.title})},0)}))})})]})}):null}},19706:function(e){e.exports={breaknewsNews:"breakingNews_breaknewsNews__a_rBm",dark:"breakingNews_dark__L3z9F",heading:"breakingNews_heading__bSD2X",sliderArea:"breakingNews_sliderArea__m0Fva",breakingSlide:"breakingNews_breakingSlide__z_0KH"}},97005:function(e,n,t){var r=t(67294),a=r&&"object"==typeof r&&"default"in r?r:{default:r};!function(e){if(!e||"undefined"==typeof window)return;let n=document.createElement("style");n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n)}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}');let i=r.forwardRef(function({style:e={},className:n="",autoFill:t=!1,play:i=!0,pauseOnHover:l=!1,pauseOnClick:o=!1,direction:s="left",speed:d=50,delay:u=0,loop:c=0,gradient:f=!1,gradientColor:m="white",gradientWidth:h=200,onFinish:v,onCycleComplete:g,onMount:p,children:w},y){let[b,k]=r.useState(0),[N,x]=r.useState(0),[_,E]=r.useState(1),[j,C]=r.useState(!1),A=r.useRef(null),S=y||A,q=r.useRef(null),M=r.useCallback(()=>{if(q.current&&S.current){let e=S.current.getBoundingClientRect(),n=q.current.getBoundingClientRect(),r=e.width,a=n.width;("up"===s||"down"===s)&&(r=e.height,a=n.height),t&&r&&a?E(a<r?Math.ceil(r/a):1):E(1),k(r),x(a)}},[t,S,s]);r.useEffect(()=>{if(j&&(M(),q.current&&S.current)){let e=new ResizeObserver(()=>M());return e.observe(S.current),e.observe(q.current),()=>{e&&e.disconnect()}}},[M,S,j]),r.useEffect(()=>{M()},[M,w]),r.useEffect(()=>{C(!0)},[]),r.useEffect(()=>{"function"==typeof p&&p()},[]);let R=r.useMemo(()=>t?N*_/d:N<b?b/d:N/d,[t,b,N,_,d]),F=r.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!i||l?"paused":"running","--pause-on-click":!i||l&&!o||o?"paused":"running","--width":"up"===s||"down"===s?"100vh":"100%","--transform":"up"===s?"rotate(-90deg)":"down"===s?"rotate(90deg)":"none"}),[e,i,l,o,s]),z=r.useMemo(()=>({"--gradient-color":m,"--gradient-width":"number"==typeof h?`${h}px`:h}),[m,h]),B=r.useMemo(()=>

1({"--play":i?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${R}s`,"--delay":`${u}s`,"--iteration-count":c?`${c}`:"infinite","--min-width":t?"auto":"100%"}),[i,s,R,u,c,t]),O=r.useMemo(()=>({"--transform":"up"===s?"rotate(90deg)":"down"===s?"rotate(-90deg)":"none"}),[s]),Z=r.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>a.default.createElement(r.Fragment,{key:n},r.Children.map(w,e=>a.default.createElement("div",{style:O,className:"rfm-child"},e)))),[O,w]);return j?a.default.createElement("div",{ref:S,style:F,className:"rfm-marquee-container "+n},f&&a.default.createElement("div",{style:z,className:"rfm-overlay"}),a.default.createElement("div",{className:"rfm-marquee",style:B,onAnimationIteration:g,onAnimationEnd:v},a.default.createElement("div",{className:"rfm-initial-child-container",ref:q},r.Children.map(w,e=>a.default.createElement("div",{style:O,className:"rfm-child"},e))),Z(_-1)),a.default.createElement("div",{className:"rfm-marquee",style:B},Z(_))):null});n.Z=i}}]);