"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[590],{"./src/components/EmptySearchResult/EmptySearchResult.story.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:function(){return Basic},default:function(){return EmptySearchResult_story}});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),emotion_css_esm=__webpack_require__("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),ThemeContext=__webpack_require__("./src/themes/ThemeContext.tsx"),EmptySearchResult=function(param){var children=param.children,styles=(0,ThemeContext.of)(getStyles);return(0,jsx_runtime.jsx)("div",{className:styles.container,children:children})},getStyles=function(theme){return{container:(0,emotion_css_esm.AH)({borderLeft:"3px solid ".concat(theme.colors.info.main),backgroundColor:"".concat(theme.colors.background.secondary),padding:theme.spacing(2),minWidth:"350px",borderRadius:theme.shape.radius.default,marginBottom:theme.spacing(4)})}};try{EmptySearchResult.displayName="EmptySearchResult",EmptySearchResult.__docgenInfo={description:"",displayName:"EmptySearchResult",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/EmptySearchResult/EmptySearchResult.tsx#EmptySearchResult"]={docgenInfo:EmptySearchResult.__docgenInfo,name:"EmptySearchResult",path:"src/components/EmptySearchResult/EmptySearchResult.tsx#EmptySearchResult"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("../../node_modules/react/index.js");var lib=__webpack_require__("../../node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("../../node_modules/@storybook/blocks/dist/index.mjs");function _createMdxContent(props){const _components={code:"code",h1:"h1",h3:"h3",p:"p",pre:"pre",...(0,lib.R)(),...props.components};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(_components.h1,{id:"emptysearchresult",children:"EmptySearchResult"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"A styled container for a message, displayed when no search results are found. Used in the visualizations search, among others."}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"usage",children:"Usage"}),"\n",(0,jsx_runtime.jsx)(_components.pre,{children:(0,jsx_runtime.jsx)(_components.code,{className:"language-jsx",children:"import { EmptySearchResult } from '@grafana/ui';\n\n<EmptySearchResult>Could not find anything matching your query</EmptySearchResult>;\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"props",children:"Props"}),"\n",(0,jsx_runtime.jsx)(dist.ov,{of:EmptySearchResult})]})}var Basic=function(){return(0,jsx_runtime.jsx)(EmptySearchResult,{children:"Could not find anything matching your query"})},EmptySearchResult_story={title:"Visualizations/EmptySearchResult",component:EmptySearchResult,parameters:{docs:{page:function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,lib.R)(),...props.components};return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}}}};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"() => {\n  return <EmptySearchResult>Could not find anything matching your query</EmptySearchResult>;\n}",...Basic.parameters?.docs?.source}}}}}]);