import{j as t}from"./iframe-B8FSoBNY.js";import{E as i}from"./empty-state-BXkyq69k.js";import{B as a}from"./index-B0y2_lLF.js";import{I as n}from"./icon-C8FN9JqD.js";import{F as p}from"./folder-C5dba_Co.js";import{B as m}from"./button-C7it2n8t.js";import{F as d}from"./file-text-D5m8MJlG.js";import"./preload-helper-PPVm8Dsz.js";import"./compiler-runtime-BXE7OOXE.js";import"./v-stack-Btoq6OB_.js";import"./stack-CN4X31TA.js";import"./factory-DAJZwK4o.js";import"./create-slot-recipe-context-DAhDE6G_.js";import"./create-recipe-context-BU56IzEo.js";import"./createLucideIcon-CcBBUKX8.js";import"./spinner-ZYH_gvW-.js";import"./index-CXwl6T4k.js";const A={title:"Components/EmptyState",component:i,decorators:[e=>t.jsx(a,{padding:"sm",background:"bg",children:t.jsx(e,{})})],args:{title:"No documents yet.",description:"Upload files to start building extractions."}},o={render:e=>t.jsx(a,{width:"100%",maxWidth:"420px",children:t.jsx(i,{...e})})},r={args:{title:"Nothing uploaded yet.",description:"Drop files into sample-raw or use the upload action.",icon:t.jsx(n,{as:d,boxSize:"28px",color:"fg.muted"})},render:e=>t.jsx(a,{width:"100%",maxWidth:"420px",children:t.jsx(i,{...e,children:t.jsx(m,{size:"sm",variant:"outline",children:"Upload files"})})})},s={args:{title:"This folder is empty.",size:"sm",textAlign:"left",alignItems:"flex-start",icon:t.jsx(n,{as:p,boxSize:"20px",color:"fg.muted"})},render:e=>t.jsx(a,{width:"100%",maxWidth:"420px",children:t.jsx(i,{...e})})};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
  render: (args: EmptyStateProps) => <Box width="100%" maxWidth="420px">
      <EmptyState {...args} />
    </Box>
}`,...o.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
  args: {
    title: "Nothing uploaded yet.",
    description: "Drop files into sample-raw or use the upload action.",
    icon: <Icon as={FileText} boxSize="28px" color="fg.muted" />
  },
  render: (args: EmptyStateProps) => <Box width="100%" maxWidth="420px">
      <EmptyState {...args}>
        <Button size="sm" variant="outline">
          Upload files
        </Button>
      </EmptyState>
    </Box>
}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
  args: {
    title: "This folder is empty.",
    size: "sm",
    textAlign: "left",
    alignItems: "flex-start",
    icon: <Icon as={Folder} boxSize="20px" color="fg.muted" />
  },
  render: (args: EmptyStateProps) => <Box width="100%" maxWidth="420px">
      <EmptyState {...args} />
    </Box>
}`,...s.parameters?.docs?.source}}};const F=["Default","WithIconAndAction","Compact"];export{s as Compact,o as Default,r as WithIconAndAction,F as __namedExportsOrder,A as default};
