"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[5502],{"../../node_modules/@mdx-js/react/lib/index.js":function(j,f,s){s.d(f,{BN:function(){return m},RP:function(){return _},gz:function(){return y},xA:function(){return P}});var i=s("../../node_modules/react/index.js");const m=i.createContext({});function y(t){return l;function l(o){const d=_(o.components);return i.createElement(t,{...o,allComponents:d})}}function _(t){const l=i.useContext(m);return i.useMemo(()=>typeof t=="function"?t(l):{...l,...t},[l,t])}const p={};function P({components:t,children:l,disableParentContext:o}){let d;return o?d=typeof t=="function"?t({}):t||p:d=_(t),i.createElement(m.Provider,{value:d},l)}},"./src/components/PanelContainer/PanelContainer.story.tsx":function(j,f,s){s.r(f),s.d(f,{Basic:function(){return O},default:function(){return k}});var i=s("../../node_modules/react/index.js"),m=s("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),y=s("./src/themes/ThemeContext.tsx"),_=Object.defineProperty,p=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable,l=(e,n,r)=>n in e?_(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r,o=(e,n)=>{for(var r in n||(n={}))P.call(n,r)&&l(e,r,n[r]);if(p)for(var r of p(n))t.call(n,r)&&l(e,r,n[r]);return e},d=(e,n)=>{var r={};for(var u in e)P.call(e,u)&&n.indexOf(u)<0&&(r[u]=e[u]);if(e!=null&&p)for(var u of p(e))n.indexOf(u)<0&&t.call(e,u)&&(r[u]=e[u]);return r};const a=e=>{var n=e,{children:r,className:u}=n,F=d(n,["children","className"]);const H=(0,y.of)(C);return i.createElement("div",o({className:(0,m.cx)(H,u)},F),r)},C=e=>(0,m.AH)({backgroundColor:e.components.panel.background,border:`1px solid ${e.components.panel.borderColor}`,borderRadius:e.shape.radius.default});try{a.displayName="PanelContainer",a.__docgenInfo={description:"",displayName:"PanelContainer",props:{}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/PanelContainer/PanelContainer.tsx#PanelContainer"]={docgenInfo:a.__docgenInfo,name:"PanelContainer",path:"src/components/PanelContainer/PanelContainer.tsx#PanelContainer"})}catch{}var c=s("../../node_modules/react/jsx-runtime.js"),v=s("../../node_modules/@mdx-js/react/lib/index.js"),D=s("../../node_modules/@storybook/blocks/dist/index.mjs");function h(e){const n=Object.assign({h1:"h1",p:"p"},(0,v.RP)(),e.components);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(D.W8,{title:"MDX|PanelContainer",component:a}),`
`,(0,c.jsx)(n.h1,{id:"panelcontainer",children:"PanelContainer"}),`
`,(0,c.jsx)(n.p,{children:"The PanelContainer is used as a simple background for storing other components."})]})}function M(e={}){const{wrapper:n}=Object.assign({},(0,v.RP)(),e.components);return n?(0,c.jsx)(n,Object.assign({},e,{children:(0,c.jsx)(h,e)})):h(e)}var I=M,N=Object.defineProperty,T=Object.defineProperties,A=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,X=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,g=(e,n,r)=>n in e?N(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r,x=(e,n)=>{for(var r in n||(n={}))X.call(n,r)&&g(e,r,n[r]);if(b)for(var r of b(n))B.call(n,r)&&g(e,r,n[r]);return e},E=(e,n)=>T(e,A(n)),S,w,R;const L={title:"General/PanelContainer",component:a,parameters:{docs:{page:I}}},O=()=>i.createElement(a,null,i.createElement("h1",null,"Here could be your component"));var k=L;O.parameters=E(x({},O.parameters),{docs:E(x({},(S=O.parameters)==null?void 0:S.docs),{source:x({originalSource:`() => {
  return <PanelContainer>
      <h1>Here could be your component</h1>
    </PanelContainer>;
}`},(R=(w=O.parameters)==null?void 0:w.docs)==null?void 0:R.source)})})},"../../node_modules/react/cjs/react-jsx-runtime.production.min.js":function(j,f,s){/**
 * @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 i=s("../../node_modules/react/index.js"),m=Symbol.for("react.element"),y=Symbol.for("react.fragment"),_=Object.prototype.hasOwnProperty,p=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,P={key:!0,ref:!0,__self:!0,__source:!0};function t(l,o,d){var a,C={},c=null,v=null;d!==void 0&&(c=""+d),o.key!==void 0&&(c=""+o.key),o.ref!==void 0&&(v=o.ref);for(a in o)_.call(o,a)&&!P.hasOwnProperty(a)&&(C[a]=o[a]);if(l&&l.defaultProps)for(a in o=l.defaultProps,o)C[a]===void 0&&(C[a]=o[a]);return{$$typeof:m,type:l,key:c,ref:v,props:C,_owner:p.current}}f.Fragment=y,f.jsx=t,f.jsxs=t},"../../node_modules/react/jsx-runtime.js":function(j,f,s){j.exports=s("../../node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
