refactor: use storybook and atomic design (#16)

BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.

1 files changed, 20 insertions, 0 deletions

diff --git a/src/components/atoms/lists/description-list.test.tsx b/src/components/atoms/lists/description-list.test.tsx
new file mode 100644
index 0000000..83e405f
--- /dev/null
+++ b/src/components/atoms/lists/description-list.test.tsx
@@ -0,0 +1,20 @@
+import { render } from '@test-utils';
+import DescriptionList, { DescriptionListItem } from './description-list';
+
+const items: DescriptionListItem[] = [
+  { id: 'term-1', label: 'Term 1:', value: ['Value for term 1'] },
+  { id: 'term-2', label: 'Term 2:', value: ['Value for term 2'] },
+  {
+    id: 'term-3',
+    label: 'Term 3:',
+    value: ['Value 1 for term 3', 'Value 2 for term 3', 'Value 3 for term 3'],
+  },
+  { id: 'term-4', label: 'Term 4:', value: ['Value for term 4'] },
+];
+
+describe('DescriptionList', () => {
+  it('renders a list of terms and description', () => {
+    const { container } = render(<DescriptionList items={items} />);
+    expect(container).toBeDefined();
+  });
+});