"use strict";(self.webpackChunk_woocommerce_storybook=self.webpackChunk_woocommerce_storybook||[]).push([[1750],{"../../packages/js/components/src/table/stories/empty-table.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>empty_table_story});var react=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");const table_empty=function EmptyTable(_ref){var children=_ref.children,_ref$numberOfRows=_ref.numberOfRows,numberOfRows=void 0===_ref$numberOfRows?5:_ref$numberOfRows;return(0,react.createElement)("div",{className:"woocommerce-table is-empty",style:{"--number-of-rows":numberOfRows}},children)};try{empty.displayName="empty",empty.__docgenInfo={description:"`EmptyTable` displays a blank space with an optional message passed as a children node\nwith the purpose of replacing a table with no rows.\nIt mimics the same height a table would have according to the `numberOfRows` prop.",displayName:"empty",props:{numberOfRows:{defaultValue:{value:"5"},description:"An integer with the number of rows the box should occupy.",name:"numberOfRows",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/table/empty.tsx#empty"]={docgenInfo:empty.__docgenInfo,name:"empty",path:"../../packages/js/components/src/table/empty.tsx#empty"})}catch(__react_docgen_typescript_loader_error){}var Basic=function Basic(){return(0,react.createElement)(table_empty,null,"There are no entries.")};const empty_table_story={title:"WooCommerce Admin/components/EmptyTable",component:table_empty};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"() => <EmptyTable>There are no entries.</EmptyTable>",...Basic.parameters?.docs?.source}}}}}]);