"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[590],{"../../node_modules/@storybook/addon-docs/node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{R:function(){return useMDXComponents},x:function(){return MDXProvider}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./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");const EmptySearchResult=({children:children})=>{const styles=(0,ThemeContext.of)(getStyles);return(0,jsx_runtime.jsx)("div",{className:styles.container,children:children})},getStyles=theme=>({container:(0,emotion_css_esm.AH)({borderLeft:`3px solid ${theme.colors.info.main}`,backgroundColor:`${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/addon-docs/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})]})}const Basic=()=>(0,jsx_runtime.jsx)(EmptySearchResult,{children:"Could not find anything matching your query"});var 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}}}}}]);