Add Stories for alert component

Author: roshni73

packages/go-ui-storybook/src/stories/Alert.stories.ts

@@ -0,0 +1,52 @@
+import type {
+    Meta,
+    StoryObj,
+} from '@storybook/react';
+
+import Alert from './Alert';
+
+const meta = {
+    title: 'Components/Alert',
+    component: Alert,
+    parameters: {
+        layout: 'centered',
+        allowfullscreen: true,
+    },
+    tags: ['autodocs'],
+    argTypes: {},
+} satisfies Meta<typeof Alert>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Info: Story = {
+    args: {
+        name: 'info',
+        title: 'Information',
+        type: 'info',
+    },
+};
+
+export const Success: Story = {
+    args: {
+        name: 'success',
+        title: 'Success',
+        type: 'success',
+    },
+};
+
+export const Warning : Story = {
+    args: {
+        name: 'warning',
+        title: 'Warning',
+        type: 'warning',
+    },
+};
+
+export const Danger : Story = {
+    args: {
+        name: 'danger',
+        title: 'Danger',
+        type: 'danger',
+    },
+};

packages/go-ui-storybook/src/stories/Alert.tsx

@@ -0,0 +1,14 @@
+import {
+    Alert as PureAlert,
+    AlertProps as PureAlertProps,
+} from '@ifrc-go/ui';
+
+interface AlertProps<N extends string> extends PureAlertProps<N> {}
+
+function WrappedAlert<N extends string>(props: AlertProps<N>) {
+    return (
+        <PureAlert {...props} />// eslint-disable-line react/jsx-props-no-spreading
+    );
+}
+
+export default WrappedAlert;