1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2764],{16621:function(e,n,i){"use strict";var o=i(92809),r=i(10219),c=i(93782),t=i(85893),a=["className","fill","fontSize","label","name","size"];function s(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}n.Z=function(e){var n=e.className,i=e.fill,l=e.fontSize,u=e.label,m=e.name,d=e.size,f=void 0===d?"medium":d,p=(0,r.Z)(e,a),h=["icon",m];return(0,t.jsx)("span",function(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?s(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):s(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}({"aria-label":u||m,className:(0,c.e7)(h,n),"data-size":f,role:"img",style:{color:i,fontSize:l}},p))}},31084:function(e,n,i){"use strict";i.r(n),i.d(n,{default:function(){return o.Z}});var o=i(16621)},94310:function(e,n,i){"use strict";i.r(n),i.d(n,{default:function(){return m}});var o=i(65988),r=i(4812),c=i(31084),t=i(85893);function a(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h4",{children:"Default"}),(0,t.jsx)("p",{children:"Commodo enim aliquip sint amet fugiat aliqua laborum esse et irure et excepteur enim. Enim irure eiusmod laboris aliquip Lorem dolore ullamco qui sit do in sit aliqua."}),(0,t.jsx)(r.en,{code:"import Icon from '@/components/icon';\n\n<Icon name=\"icon-home\" />",children:(0,t.jsx)("div",{className:"icon-square",children:(0,t.jsx)(c.default,{name:"icon-home"})})})]})}function s(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h4",{children:"Colors"}),(0,t.jsxs)(r.en,{code:'import Icon from \'@/components/icon\';\n\n<Icon name="icon-facebook" fill="#4267B2" />\n<Icon name="icon-youtube" fill="#FF0000" />\n<Icon name="icon-twitter" fill="#1DA1F2" />',children:[(0,t.jsx)("div",{className:"icon-square",children:(0,t.jsx)(c.default,{name:"icon-facebook",fill:"#4267B2"})}),(0,t.jsx)("div",{className:"icon-square",children:(0,t.jsx)(c.default,{name:"icon-youtube",fill:"#FF0000"})}),(0,t.jsx)("div",{className:"icon-square",children:(0,t.jsx)(c.default,{name:"icon-twitter",fill:"#1DA1F2"})})]})]})}function l(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h4",{children:"Sizes"}),(0,t.jsx)("p",{children:"Commodo enim aliquip sint amet fugiat aliqua laborum esse et irure et excepteur enim. Enim irure eiusmod laboris aliquip Lorem dolore ullamco qui sit do in sit aliqua."}),(0,t.jsx)(r.en,{code:"import Icon from '@/components/icon';\n\n<Icon name=\"icon-home\" />",children:["xlarge","large","medium","small"].map((function(e){return(0,t.jsx)("div",{className:"icon-square",children:(0,t.jsx)(c.default,{name:"icon-home",size:e})},e)}))})]})}function u(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h4",{children:"All icons"}),(0,t.jsx)("p",{children:"You can explore all of our icons in the example below."}),(0,t.jsx)("div",{className:"safe-area",children:["icon-spinner","icon-more","icon-warning","icon-error","icon-check","icon-share","icon-home","icon-sound","icon-play","icon-prev","icon-next","icon-pause","icon-arrow-left","icon-arrow-right","icon-arrow-left-light","icon-arrow-right-light","icon-chevron-up","icon-chevron-down","icon-chevron-right","icon-scroll-up","icon-scroll-down","icon-close","icon-akm-semi-circle","icon-search","icon-360","icon-person","icon-pin","icon-youtube","icon-whatsapp","icon-instagram","icon-twitter","icon-facebook","icon-accessibility","icon-world","icon-gallery","icon-menu"].map((function(e){return(0,t.jsx)("div",{className:"icon-square",children:(0,t.jsx)(c.default,{name:e})},e)}))})]})}function m(){return(0,t.jsxs)(r.ZP,{heading:"Icon",description:"The default export from this package is a wrapper which accepts a glyph property. Generally, you won't need this unless you're using your own custom icon.",children:[(0,t.jsx)(a,{}),(0,t.jsx)(s,{}),(0,t.jsx)(l,{}),(0,t.jsx)(u,{}),(0,t.jsx)(o.default,{id:"455089315",children:[".icon-square{background-color:var(--N30);border-radius:2px;color:var(--N700);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin:2px;padding:14px;vertical-align:top;}"]})]})}},24254:function(e,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/icon",function(){return i(94310)}])}},function(e){e.O(0,[9351,3509,8873,3916,9774,2888,179],(function(){return n=24254,e(e.s=n);var n}));var n=e.O();_N_E=n}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.