"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23772],{23772:function(n,i,t){t.r(i);var e=t(85893),o=t(11163);i.default=function(n){var i=(0,o.useRouter)();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"icons d-flex",children:[(0,e.jsx)("div",{className:"notificationdiv active",onClick:function(){i.push({pathname:"/notification"})},children:(0,e.jsx)("img",{alt:"Notification Icon",title:"Notification",height:"32",src:"".concat("https://www.business-standard.com","/assets/web-assets/icons/notification.svg"),width:"32",loading:"lazy"})}),(0,e.jsxs)("a",{href:"#",className:"d-flex userprofiletext",onClick:function(n){return function(n){var t;localStorage.setItem("log_in_source","Profile_option"),localStorage.removeItem("article_data_store"),n.preventDefault(),n.stopPropagation(),n.currentTarget.classList.remove("active"),"undefined"===typeof(null===(t=i.query)||void 0===t?void 0:t.redirect_uri)?window.location.href="/login?redirect_uri=".concat(i.asPath):window.location.href="/login"}(n)},id:"profile_area",children:[(0,e.jsx)("img",{alt:"userprofile Icon",title:"User",height:"32",src:"".concat("https://www.business-standard.com","/assets/web-assets/icons/user-profile.svg"),width:"32",loading:"lazy"}),(0,e.jsx)("i",{className:"arrowdownicon"})]}),(0,e.jsx)("img",{alt:"Search",title:"Search_Icon",height:"32",style:{cursor:"pointer"},src:"".concat("https://www.business-standard.com","/assets/web-assets/icons/search.svg"),width:"32",onClick:n.handleShowSearch,loading:"lazy"})]}),(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:" \n       \n      .icons {display: flex;justify-content: space-between;align-items: center;}\n      .icons .notificationdiv {position: relative;cursor: pointer;padding-top: 7px;}\n      .icons .notificationdiv:after {\n        background: #b22222;\n        border-radius: 10px;\n        content: \"\";\n        height: 10px;\n        left: auto;\n        position: absolute;\n        right: 5px;\n        top: 8px;\n        width: 10px;\n       }\n      .icons .notificationdiv:before {\n        background: #fff;\n        border-radius: 20px;\n        content: \"\";\n        height: 15px;\n        position: absolute;\n        right: 4px;\n        top: 6px;\n        width: 15px;\n      }\n      .icons .userprofiletext {\n        display: flex;\n        align-items: center;\n        font-family: Arial;\n        font-size: 14px;\n        padding: 0 20px 0 20px;\n      }\n\n      .userprofiletext .arrowdownicon {\n        background-image: url(\"data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9.48528 9.48528L17.9706 1' stroke='%23B22222' strokeWidth='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n        background-repeat: no-repeat;\n        background-size: 12px;\n        display: inline-block;\n        height: 8px;\n        margin: 0 0 0 5px;\n        width: 18px;\n      }\n\n      @media (max-width:1280px) { \n        .icons .userprofiletext { padding: 0 9px; }\n      }\n\n      @media (max-width:767px){\n        .icons { justify-content: space-around; align-items: flex-start; gap: 7px; }\n        .icons .notificationdiv:after {height: 7px;right: 5px;top: 0px; width: 7px;}\n        .icons .notificationdiv:before {right: 5px;top: 0px;height: 8px;width: 8px;}\n        .icons .userprofiletext { padding: 0px 0px 0 0px;}\n        .icons img {max-width: 24px;height: 24px;margin-top: 0px;}\n        .icons .notificationdiv {     padding-top: 0px; } \n      }\n\n      "}})]})}}}]);