"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[715],{"../../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/FileDropzone/FileListItem.story.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FileListItem:function(){return FileListItem_story_FileListItem},default:function(){return FileListItem_story}});var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),FileListItem=__webpack_require__("./src/components/FileDropzone/FileListItem.tsx"),lib=(__webpack_require__("../../node_modules/react/index.js"),__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:"filelistitem",children:"FileListItem"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"A FileListItem component used for the FileDropzone component to show uploaded files."}),"\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 { FileListItem } from '@grafana/ui';\n\n<FileListItem file={{ file: { name: 'someFile.jpg', size: 12345 } }} />;\n"})}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"props",children:"Props"}),"\n",(0,jsx_runtime.jsx)(dist.ov,{of:FileListItem.I})]})}const meta={title:"Inputs/FileListItem",component:FileListItem.I,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)}}},argTypes:{abortUpload:{action:"abortUpload"},retryUpload:{action:"retryUpload"},removeFile:{action:"removeFile"}},args:{file:{file:{name:"some-file.jpg",size:123456},id:"1",error:new DOMException("error")}}},FileListItem_story_FileListItem=args=>(0,jsx_runtime.jsx)(FileListItem.I,{...args});var FileListItem_story=meta;FileListItem_story_FileListItem.parameters={...FileListItem_story_FileListItem.parameters,docs:{...FileListItem_story_FileListItem.parameters?.docs,source:{originalSource:"args => {\n  return <FileListItemComponent {...args} />;\n}",...FileListItem_story_FileListItem.parameters?.docs?.source}}}}}]);