"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[8192],{"../../node_modules/@mdx-js/react/lib/index.js":function(D,g,a){a.d(g,{BN:function(){return s},RP:function(){return u},gz:function(){return y},xA:function(){return h}});var n=a("../../node_modules/react/index.js");const s=n.createContext({});function y(e){return d;function d(i){const p=u(i.components);return n.createElement(e,{...i,allComponents:p})}}function u(e){const d=n.useContext(s);return n.useMemo(()=>typeof e=="function"?e(d):{...d,...e},[d,e])}const m={};function h({components:e,children:d,disableParentContext:i}){let p;return i?p=typeof e=="function"?e({}):e||m:p=u(e),n.createElement(s.Provider,{value:p},d)}},"./src/components/Tabs/Tabs.story.tsx":function(D,g,a){a.r(g),a.d(g,{Counter:function(){return j},Simple:function(){return B},default:function(){return k}});var n=a("../../node_modules/react/index.js"),s=a("./src/components/Tabs/TabsBar.tsx"),y=a("./src/components/Tabs/Tab.tsx"),u=a("./src/components/Tabs/TabContent.tsx"),m=a("./src/components/Tabs/Counter.tsx"),h=a("./src/utils/storybook/DashboardStoryCanvas.tsx"),e=a("../../node_modules/react/jsx-runtime.js"),d=a("../../node_modules/@mdx-js/react/lib/index.js"),i=a("../../node_modules/@storybook/blocks/dist/index.mjs");function p(r){const o=Object.assign({h1:"h1",p:"p",code:"code",strong:"strong"},(0,d.RP)(),r.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.h1,{id:"tabsbar",children:"TabsBar"}),`
`,(0,e.jsx)(o.p,{children:"A composition component for rendering a TabBar with Tabs for navigation."}),`
`,(0,e.jsxs)(o.p,{children:["It has two modes - navigation and onClick. Navigation renders it as a simple ",(0,e.jsx)(o.code,{children:"<a>"})," element. To enable it, use the ",(0,e.jsx)(o.code,{children:"href"})," prop. The onClick mode uses an onClick handler instead. To enable it, use the ",(0,e.jsx)(o.code,{children:"onChangeTab"})," prop."]}),`
`,(0,e.jsxs)(o.p,{children:[(0,e.jsx)(o.strong,{children:"Warning!"})," Using ",(0,e.jsx)(o.code,{children:"href"})," and ",(0,e.jsx)(o.code,{children:"onChangeTab"})," at the same time may have unintended consequences."]}),`
`,(0,e.jsx)(o.h1,{id:"tab",children:"Tab"}),`
`,(0,e.jsx)(i.ov,{of:y.o}),`
`,(0,e.jsx)(o.h1,{id:"counter",children:"Counter"}),`
`,(0,e.jsx)(o.p,{children:"A count indicator displayed alongside tabs and showing numeric values."}),`
`,(0,e.jsx)(i.ov,{of:m.p})]})}function C(r={}){const{wrapper:o}=Object.assign({},(0,d.RP)(),r.components);return o?(0,e.jsx)(o,Object.assign({},r,{children:(0,e.jsx)(p,r)})):p(r)}var E=C,S=Object.defineProperty,x=Object.defineProperties,A=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,b=(r,o,T)=>o in r?S(r,o,{enumerable:!0,configurable:!0,writable:!0,value:T}):r[o]=T,P=(r,o)=>{for(var T in o||(o={}))c.call(o,T)&&b(r,T,o[T]);if(l)for(var T of l(o))f.call(o,T)&&b(r,T,o[T]);return r},t=(r,o)=>x(r,A(o)),v,_,O,R,M,w;const L={title:"Layout/Tabs",parameters:{docs:{page:E}}},N=[{label:"1st child",key:"first",active:!0},{label:"2nd child",key:"second",active:!1},{label:"3rd child",key:"third",active:!1}],B=()=>{const[r,o]=(0,n.useState)(N);return n.createElement(h.s,null,n.createElement(s.U,null,r.map((T,I)=>n.createElement(y.o,{key:I,label:T.label,active:T.active,onChangeTab:()=>o(r.map((K,U)=>t(P({},K),{active:U===I}))),counter:(I+1)*1e3}))),n.createElement(u.J,null,r[0].active&&n.createElement("div",null,"First tab content"),r[1].active&&n.createElement("div",null,"Second tab content"),r[2].active&&n.createElement("div",null,"Third tab content")))},j=r=>n.createElement(m.p,P({},r));j.args={value:10};var k=L;B.parameters=t(P({},B.parameters),{docs:t(P({},(v=B.parameters)==null?void 0:v.docs),{source:P({originalSource:`() => {
  const [state, updateState] = useState(tabs);
  return <DashboardStoryCanvas>
      <TabsBar>
        {state.map((tab, index) => {
        return <Tab key={index} label={tab.label} active={tab.active} onChangeTab={() => updateState(state.map((tab, idx) => ({
          ...tab,
          active: idx === index
        })))} counter={(index + 1) * 1000} />;
      })}
      </TabsBar>
      <TabContent>
        {state[0].active && <div>First tab content</div>}
        {state[1].active && <div>Second tab content</div>}
        {state[2].active && <div>Third tab content</div>}
      </TabContent>
    </DashboardStoryCanvas>;
}`},(O=(_=B.parameters)==null?void 0:_.docs)==null?void 0:O.source)})}),j.parameters=t(P({},j.parameters),{docs:t(P({},(R=j.parameters)==null?void 0:R.docs),{source:P({originalSource:`args => {
  return <TabCounter {...args} />;
}`},(w=(M=j.parameters)==null?void 0:M.docs)==null?void 0:w.source)})})},"./src/components/Tabs/Counter.tsx":function(D,g,a){a.d(g,{p:function(){return m}});var n=a("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),s=a("../../node_modules/react/index.js"),y=a("../grafana-data/src/valueFormats/valueFormats.ts"),u=a("./src/themes/ThemeContext.tsx");const m=({value:e})=>{const d=(0,u.of)(h);return s.createElement("span",{className:d.counter},(0,y.Hg)(e,0).text)},h=e=>({counter:(0,n.AH)({label:"counter",marginLeft:e.spacing(1),borderRadius:e.spacing(3),backgroundColor:e.colors.action.hover,padding:e.spacing(.25,1),color:e.colors.text.secondary,fontWeight:e.typography.fontWeightMedium,fontSize:e.typography.size.sm})});try{m.displayName="Counter",m.__docgenInfo={description:"",displayName:"Counter",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Tabs/Counter.tsx#Counter"]={docgenInfo:m.__docgenInfo,name:"Counter",path:"src/components/Tabs/Counter.tsx#Counter"})}catch{}},"./src/components/Tabs/Tab.tsx":function(D,g,a){a.d(g,{o:function(){return b}});var n=a("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),s=a("../../node_modules/react/index.js"),y=a("../grafana-e2e-selectors/src/selectors/index.ts"),u=a("./src/themes/ThemeContext.tsx"),m=a("./src/themes/mixins.ts"),h=a("./src/components/Button/Button.tsx"),e=a("./src/components/Icon/Icon.tsx"),d=a("./src/components/Tabs/Counter.tsx"),i=Object.defineProperty,p=Object.defineProperties,C=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,A=(t,v,_)=>v in t?i(t,v,{enumerable:!0,configurable:!0,writable:!0,value:_}):t[v]=_,l=(t,v)=>{for(var _ in v||(v={}))S.call(v,_)&&A(t,_,v[_]);if(E)for(var _ of E(v))x.call(v,_)&&A(t,_,v[_]);return t},c=(t,v)=>p(t,C(v)),f=(t,v)=>{var _={};for(var O in t)S.call(t,O)&&v.indexOf(O)<0&&(_[O]=t[O]);if(t!=null&&E)for(var O of E(t))v.indexOf(O)<0&&x.call(t,O)&&(_[O]=t[O]);return _};const b=s.forwardRef((t,v)=>{var _=t,{label:O,active:R,icon:M,onChangeTab:w,counter:L,suffix:N,className:B,href:j}=_,k=f(_,["label","active","icon","onChangeTab","counter","suffix","className","href"]);const r=(0,u.of)(P),o=(0,u.of)(h.my),T=()=>s.createElement(s.Fragment,null,M&&s.createElement(e.I,{name:M}),O,typeof L=="number"&&s.createElement(d.p,{value:L}),N&&s.createElement(N,{className:r.suffix})),I=(0,n.cx)(o,r.link,R?r.activeStyle:r.notActive),K=c(l({className:I},k),{onClick:w,"aria-label":k["aria-label"]||y.Tp.components.Tab.title(O),role:"tab","aria-selected":R});return j?s.createElement("div",{className:r.item},s.createElement("a",c(l({},K),{href:j,ref:v}),T())):s.createElement("div",{className:r.item},s.createElement("button",c(l({},K),{type:"button",ref:v}),T()))});b.displayName="Tab";const P=t=>({item:(0,n.AH)({listStyle:"none",position:"relative",display:"flex",whiteSpace:"nowrap",padding:t.spacing(.5)}),link:(0,n.AH)({color:t.colors.text.secondary,padding:t.spacing(1,1.5,.5),borderRadius:t.shape.radius.default,display:"block",height:"100%",svg:{marginRight:t.spacing(1)},"&:focus-visible":(0,m.Hi)(t),"&::before":{display:"block",content:'" "',position:"absolute",left:0,right:0,height:"4px",borderRadius:t.shape.radius.default,bottom:0}}),notActive:(0,n.AH)({"a:hover, &:hover, &:focus":{color:t.colors.text.primary,"&::before":{backgroundColor:t.colors.action.hover}}}),activeStyle:(0,n.AH)({label:"activeTabStyle",color:t.colors.text.primary,overflow:"hidden","&::before":{backgroundImage:t.colors.gradients.brandHorizontal}}),suffix:(0,n.AH)({marginLeft:t.spacing(1)})});try{b.displayName="Tab",b.__docgenInfo={description:"",displayName:"Tab",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:'"play"'},{value:'"google"'},{value:'"microsoft"'},{value:'"github"'},{value:'"gitlab"'},{value:'"okta"'},{value:'"discord"'},{value:'"hipchat"'},{value:'"amazon"'},{value:'"google-hangouts-alt"'},{value:'"pagerduty"'},{value:'"line"'},{value:'"anchor"'},{value:'"adjust-circle"'},{value:'"angle-double-down"'},{value:'"angle-double-right"'},{value:'"angle-double-up"'},{value:'"angle-down"'},{value:'"angle-left"'},{value:'"angle-right"'},{value:'"angle-up"'},{value:'"align-left"'},{value:'"align-right"'},{value:'"application-observability"'},{value:'"apps"'},{value:'"archive-alt"'},{value:'"arrow"'},{value:'"arrow-down"'},{value:'"arrow-from-right"'},{value:'"arrow-left"'},{value:'"arrow-random"'},{value:'"arrow-right"'},{value:'"arrow-to-right"'},{value:'"arrow-up"'},{value:'"arrows-h"'},{value:'"arrows-v"'},{value:'"asserts"'},{value:'"expand-arrows"'},{value:'"at"'},{value:'"ai"'},{value:'"backward"'},{value:'"bars"'},{value:'"bell"'},{value:'"bell-slash"'},{value:'"bolt"'},{value:'"book"'},{value:'"bookmark"'},{value:'"book-open"'},{value:'"brackets-curly"'},{value:'"bug"'},{value:'"building"'},{value:'"calculator-alt"'},{value:'"calendar-alt"'},{value:'"calendar-slash"'},{value:'"camera"'},{value:'"capture"'},{value:'"channel-add"'},{value:'"chart-line"'},{value:'"check"'},{value:'"check-circle"'},{value:'"check-square"'},{value:'"circle"'},{value:'"circle-mono"'},{value:'"clipboard-alt"'},{value:'"clock-nine"'},{value:'"cloud"'},{value:'"cloud-download"'},{value:'"cloud-upload"'},{value:'"code-branch"'},{value:'"cog"'},{value:'"columns"'},{value:'"comment-alt"'},{value:'"comment-alt-message"'},{value:'"comment-alt-share"'},{value:'"comments-alt"'},{value:'"compass"'},{value:'"copy"'},{value:'"corner-down-right-alt"'},{value:'"create-dashboard"'},{value:'"credit-card"'},{value:'"crosshair"'},{value:'"cube"'},{value:'"dashboard"'},{value:'"database"'},{value:'"dice-three"'},{value:'"docker"'},{value:'"document-info"'},{value:'"download-alt"'},{value:'"draggabledots"'},{value:'"edit"'},{value:'"ellipsis-v"'},{value:'"envelope"'},{value:'"exchange-alt"'},{value:'"exclamation-triangle"'},{value:'"exclamation-circle"'},{value:'"external-link-alt"'},{value:'"eye"'},{value:'"eye-slash"'},{value:'"ellipsis-h"'},{value:'"fa fa-spinner"'},{value:'"favorite"'},{value:'"file-alt"'},{value:'"file-blank"'},{value:'"file-copy-alt"'},{value:'"file-download"'},{value:'"file-edit-alt"'},{value:'"file-landscape-alt"'},{value:'"filter"'},{value:'"flip"'},{value:'"folder"'},{value:'"font"'},{value:'"fire"'},{value:'"folder-open"'},{value:'"folder-plus"'},{value:'"folder-upload"'},{value:'"forward"'},{value:'"frontend-observability"'},{value:'"gf-bar-alignment-after"'},{value:'"gf-bar-alignment-before"'},{value:'"gf-bar-alignment-center"'},{value:'"gf-glue"'},{value:'"gf-grid"'},{value:'"gf-interpolation-linear"'},{value:'"gf-interpolation-smooth"'},{value:'"gf-interpolation-step-after"'},{value:'"gf-interpolation-step-before"'},{value:'"gf-landscape"'},{value:'"gf-layout-simple"'},{value:'"gf-logs"'},{value:'"gf-ml"'},{value:'"gf-movepane-left"'},{value:'"gf-movepane-right"'},{value:'"gf-portrait"'},{value:'"gf-service-account"'},{value:'"gf-show-context"'},{value:'"gf-pin"'},{value:'"gf-prometheus"'},{value:'"gf-traces"'},{value:'"globe"'},{value:'"grafana"'},{value:'"graph-bar"'},{value:'"heart"'},{value:'"heart-rate"'},{value:'"heart-break"'},{value:'"history"'},{value:'"history-alt"'},{value:'"home"'},{value:'"home-alt"'},{value:'"horizontal-align-center"'},{value:'"horizontal-align-left"'},{value:'"horizontal-align-right"'},{value:'"hourglass"'},{value:'"import"'},{value:'"info"'},{value:'"info-circle"'},{value:'"k6"'},{value:'"key-skeleton-alt"'},{value:'"keyboard"'},{value:'"layer-group"'},{value:'"layers-alt"'},{value:'"library-panel"'},{value:'"line-alt"'},{value:'"link"'},{value:'"list-ui-alt"'},{value:'"list-ul"'},{value:'"list-ol"'},{value:'"lock"'},{value:'"map-marker"'},{value:'"map-marker-plus"'},{value:'"map-marker-minus"'},{value:'"message"'},{value:'"minus"'},{value:'"minus-circle"'},{value:'"mobile-android"'},{value:'"monitor"'},{value:'"palette"'},{value:'"panel-add"'},{value:'"pathfinder-unite"'},{value:'"pause"'},{value:'"pen"'},{value:'"percentage"'},{value:'"plug"'},{value:'"plus"'},{value:'"plus-circle"'},{value:'"plus-square"'},{value:'"power"'},{value:'"presentation-play"'},{value:'"process"'},{value:'"question-circle"'},{value:'"record-audio"'},{value:'"repeat"'},{value:'"rocket"'},{value:'"ruler-combined"'},{value:'"save"'},{value:'"search"'},{value:'"search-minus"'},{value:'"search-plus"'},{value:'"share-alt"'},{value:'"shield"'},{value:'"shield-exclamation"'},{value:'"signal"'},{value:'"signin"'},{value:'"signout"'},{value:'"sitemap"'},{value:'"slack"'},{value:'"sliders-v-alt"'},{value:'"spinner"'},{value:'"sort-amount-down"'},{value:'"sort-amount-up"'},{value:'"square-shape"'},{value:'"star"'},{value:'"step-backward"'},{value:'"stopwatch"'},{value:'"stopwatch-slash"'},{value:'"sync"'},{value:'"sync-slash"'},{value:'"table"'},{value:'"tag-alt"'},{value:'"telegram-alt"'},{value:'"text-fields"'},{value:'"thumbs-up"'},{value:'"times"'},{value:'"times-circle"'},{value:'"toggle-on"'},{value:'"toggle-off"'},{value:'"trash-alt"'},{value:'"unarchive"'},{value:'"unlock"'},{value:'"upload"'},{value:'"user"'},{value:'"users-alt"'},{value:'"user-arrows"'},{value:'"vertical-align-bottom"'},{value:'"vertical-align-center"'},{value:'"vertical-align-top"'},{value:'"web-section-alt"'},{value:'"wrap-text"'},{value:'"rss"'},{value:'"x"'}]}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"When provided, it is possible to use the tab as a hyperlink. Use in cases where the tabs update location.",name:"href",required:!1,type:{name:"string"}},suffix:{defaultValue:null,description:"Extra content, displayed after the tab label and counter",name:"suffix",required:!1,type:{name:"ComponentType<{ className?: string; }>"}},onChangeTab:{defaultValue:null,description:"",name:"onChangeTab",required:!1,type:{name:"((event: MouseEvent<HTMLElement, MouseEvent>) => void)"}},counter:{defaultValue:null,description:"A number rendered next to the text. Usually used to display the number of items in a tab's view.",name:"counter",required:!1,type:{name:"number | null"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Tabs/Tab.tsx#Tab"]={docgenInfo:b.__docgenInfo,name:"Tab",path:"src/components/Tabs/Tab.tsx#Tab"})}catch{}},"./src/components/Tabs/TabContent.tsx":function(D,g,a){a.d(g,{J:function(){return x}});var n=a("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),s=a("../../node_modules/react/index.js"),y=a("./src/themes/ThemeContext.tsx"),u=Object.defineProperty,m=Object.defineProperties,h=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,p=(l,c,f)=>c in l?u(l,c,{enumerable:!0,configurable:!0,writable:!0,value:f}):l[c]=f,C=(l,c)=>{for(var f in c||(c={}))d.call(c,f)&&p(l,f,c[f]);if(e)for(var f of e(c))i.call(c,f)&&p(l,f,c[f]);return l},E=(l,c)=>m(l,h(c)),S=(l,c)=>{var f={};for(var b in l)d.call(l,b)&&c.indexOf(b)<0&&(f[b]=l[b]);if(l!=null&&e)for(var b of e(l))c.indexOf(b)<0&&i.call(l,b)&&(f[b]=l[b]);return f};const x=l=>{var c=l,{children:f,className:b}=c,P=S(c,["children","className"]);const t=(0,y.of)(A);return s.createElement("div",E(C({},P),{className:(0,n.cx)(t.tabContent,b)}),f)},A=l=>({tabContent:(0,n.AH)({background:l.colors.background.primary})});try{x.displayName="TabContent",x.__docgenInfo={description:"",displayName:"TabContent",props:{}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Tabs/TabContent.tsx#TabContent"]={docgenInfo:x.__docgenInfo,name:"TabContent",path:"src/components/Tabs/TabContent.tsx#TabContent"})}catch{}},"./src/components/Tabs/TabsBar.tsx":function(D,g,a){a.d(g,{U:function(){return u}});var n=a("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),s=a("../../node_modules/react/index.js"),y=a("./src/themes/ThemeContext.tsx");const u=s.forwardRef(({children:h,className:e,hideBorder:d=!1},i)=>{const p=(0,y.of)(m);return s.createElement("div",{className:(0,n.cx)(p.tabsWrapper,d&&p.noBorder,e),ref:i},s.createElement("div",{className:p.tabs,role:"tablist"},h))}),m=h=>({tabsWrapper:(0,n.AH)({borderBottom:`1px solid ${h.colors.border.weak}`,overflowX:"auto"}),noBorder:(0,n.AH)({borderBottom:0}),tabs:(0,n.AH)({position:"relative",display:"flex",height:`${h.components.menuTabs.height}px`,alignItems:"center"})});u.displayName="TabsBar";try{u.displayName="TabsBar",u.__docgenInfo={description:"",displayName:"TabsBar",props:{children:{defaultValue:null,description:"Children should be a single <Tab /> or an array of <Tab />",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},hideBorder:{defaultValue:{value:"false"},description:"For hiding the bottom border (on PageHeader for example)",name:"hideBorder",required:!1,type:{name:"boolean"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Tabs/TabsBar.tsx#TabsBar"]={docgenInfo:u.__docgenInfo,name:"TabsBar",path:"src/components/Tabs/TabsBar.tsx#TabsBar"})}catch{}},"./src/utils/storybook/DashboardStoryCanvas.tsx":function(D,g,a){a.d(g,{s:function(){return u}});var n=a("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),s=a("../../node_modules/react/index.js"),y=a("./src/themes/ThemeContext.tsx");const u=({children:m})=>{const h=(0,y.$j)(),e=(0,n.AH)({width:"100%",height:"100%",padding:"32px",background:h.colors.background.canvas,overflow:"auto"});return s.createElement("div",{className:e},m)};u.displayName="DashboardStoryCanvas";try{u.displayName="DashboardStoryCanvas",u.__docgenInfo={description:"",displayName:"DashboardStoryCanvas",props:{}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/utils/storybook/DashboardStoryCanvas.tsx#DashboardStoryCanvas"]={docgenInfo:u.__docgenInfo,name:"DashboardStoryCanvas",path:"src/utils/storybook/DashboardStoryCanvas.tsx#DashboardStoryCanvas"})}catch{}},"../../node_modules/react/cjs/react-jsx-runtime.production.min.js":function(D,g,a){/**
 * @license React
 * react-jsx-runtime.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var n=a("../../node_modules/react/index.js"),s=Symbol.for("react.element"),y=Symbol.for("react.fragment"),u=Object.prototype.hasOwnProperty,m=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function e(d,i,p){var C,E={},S=null,x=null;p!==void 0&&(S=""+p),i.key!==void 0&&(S=""+i.key),i.ref!==void 0&&(x=i.ref);for(C in i)u.call(i,C)&&!h.hasOwnProperty(C)&&(E[C]=i[C]);if(d&&d.defaultProps)for(C in i=d.defaultProps,i)E[C]===void 0&&(E[C]=i[C]);return{$$typeof:s,type:d,key:S,ref:x,props:E,_owner:m.current}}g.Fragment=y,g.jsx=e,g.jsxs=e},"../../node_modules/react/jsx-runtime.js":function(D,g,a){D.exports=a("../../node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
