(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1266],{4307:function(n,e,r){"use strict";var t=this&&this.__assign||function(){return t=Object.assign||function(n){for(var e,r=1,t=arguments.length;r<t;r++)for(var i in e=arguments[r])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},t.apply(this,arguments)},i=this&&this.__read||function(n,e){var r="function"===typeof Symbol&&n[Symbol.iterator];if(!r)return n;var t,i,o=r.call(n),l=[];try{for(;(void 0===e||e-- >0)&&!(t=o.next()).done;)l.push(t.value)}catch(a){i={error:a}}finally{try{t&&!t.done&&(r=o.return)&&r.call(o)}finally{if(i)throw i.error}}return l},o=this&&this.__values||function(n){var e="function"===typeof Symbol&&Symbol.iterator,r=e&&n[e],t=0;if(r)return r.call(n);if(n&&"number"===typeof n.length)return{next:function(){return n&&t>=n.length&&(n=void 0),{value:n&&n[t++],done:!n}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(e,"__esModule",{value:!0});var l=r(85893),a=r(60595),c=r(7772),s=r(67294),u=a.Input.Search;function f(n,e){var r,t;n=n.trim().toLowerCase();var i=[];try{for(var a=o(c.iconNames),s=a.next();!s.done;s=a.next()){var u=s.value;u.includes(n)&&i.push((0,l.jsx)(d,{name:u,onClick:e},u))}}catch(f){r={error:f}}finally{try{s&&!s.done&&(t=a.return)&&t.call(a)}finally{if(r)throw r.error}}return i}function d(n){var e=n.name,r=n.onClick;return(0,l.jsxs)("div",t({style:{fontSize:"15px",display:"inline-block",width:"150px",cursor:"pointer",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},onClick:function(){return r(e)}},{children:[(0,l.jsx)("span",t({style:{margin:"0 10px"}},{children:(0,l.jsx)(c.Icon,{name:e})})),(0,l.jsx)("span",t({style:{fontSize:"12px"}},{children:e}))]}))}e.default=function(n){var e,r=n.onSelect,o=n.defaultSearch,a=n.search,c=n.style,d=i((0,s.useState)(null!==(e=null!==a&&void 0!==a?a:o)&&void 0!==e?e:""),2),h=d[0],p=d[1];return(0,s.useEffect)((function(){null!=a&&p(a)}),[a]),(0,l.jsxs)("div",t({style:c},{children:[(0,l.jsx)(u,{placeholder:"Search...",value:h,allowClear:!0,onChange:function(n){return p(n.target.value)},style:{maxWidth:"400px"}}),(0,l.jsx)("div",t({style:{marginTop:"10px",overflowY:"scroll",border:"1px solid lightgrey"}},{children:f(h,(function(n){p(n),null===r||void 0===r||r(n)}))}))]}))}},52367:function(n,e,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/features/icons",function(){return r(2437)}])},22004:function(n,e,r){"use strict";r.d(e,{Z:function(){return s}});var t=r(85893),i=r(9008),o=r.n(i),l=r(81617),a=r(21923),c=r(1864);function s(n){var e=n.title,r=(0,l.i)().siteName;return(0,t.jsxs)(o(),{children:[(0,t.jsxs)("title",{children:[r," ",r?"\u2013":""," ",e]}),(0,t.jsx)("meta",{name:"description",content:"CoCalc landing pages and documentation"}),(0,t.jsx)("link",{rel:"icon",href:(0,c.join)(null!==a.Z&&void 0!==a.Z?a.Z:"","/webapp/favicon-32x32.png")})]})}},2437:function(n,e,r){"use strict";r.r(e),r.d(e,{default:function(){return a}});var t=r(85893),i=r(4307),o=r.n(i),l=r(22004);function a(){return(0,t.jsxs)("div",{style:{margin:"60px"},children:[(0,t.jsx)(l.Z,{title:"CoCalc Icons"}),(0,t.jsx)("h1",{children:"CoCalc Icons"}),(0,t.jsx)(o(),{})]})}}},function(n){n.O(0,[1405,1271,595,1107,9774,2888,179],(function(){return e=52367,n(n.s=e);var e}));var e=n.O();_N_E=e}]);