#105 Add no rows overlay component

src/components/dumb/NoRowsOverlay.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="ag-overlay-loading-center">
+    <font-awesome-icon :icon="['fas', 'circle-exclamation']" />
+    {{ props.params.noRowsMessage }}
+  </div>
+</template>
+
+<script setup lang="ts">
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+
+const props = defineProps<{ params: { noRowsMessage: string } }>();
+</script>

src/stories/dumb-components/no-rows-overlay.stories.ts

@@ -0,0 +1,21 @@
+import NoRowsOverlay from '@components/dumb/NoRowsOverlay.vue';
+import type { Meta, StoryObj } from '@storybook/vue3';
+
+const meta: Meta<typeof NoRowsOverlay> = {
+  title: 'Dumb components/NoRowsOverlay',
+  component: NoRowsOverlay,
+  tags: ['autodocs'],
+  argTypes: {
+    params: { control: 'object' },
+  },
+  args: {
+    params: {
+      noRowsMessage: 'No rows available',
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof NoRowsOverlay>;
+
+export const Default: Story = {};