Add customMessage example

StanfordBDHG · Oct 15, 2024 · 0b158f3 · 0b158f3
1 parent 2032ed0
commit 0b158f3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/packages/design-system/src/components/EmptyState/EmptyState.stories.tsx b/packages/design-system/src/components/EmptyState/EmptyState.stories.tsx
@@ -29,3 +29,7 @@ export const MiscFilters: Story = {
 export const TextFilter: Story = {
   args: { textFilter: 'John Doe' },
 }
+
+export const CustomMessage: Story = {
+  args: { children: 'Data is missing' },
+}
diff --git a/packages/design-system/src/components/EmptyState/EmptyState.test.tsx b/packages/design-system/src/components/EmptyState/EmptyState.test.tsx
@@ -40,4 +40,12 @@ describe('EmptyState', () => {
 
     expect(element).toBeInTheDocument()
   })
+
+  it('supports completely custom message', () => {
+    render(<EmptyState>Data is missing</EmptyState>)
+
+    const element = screen.getByText('Data is missing')
+
+    expect(element).toBeInTheDocument()
+  })
 })