Added storybook stories for generative direct answer component (#442)

J=CLIP-1226
TEST=manual

ran `npm run storybook`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yext/search-ui-react",
-  "version": "1.7.0-beta",
+  "version": "1.7.0-beta.2",
   "description": "A library of React Components for powering Yext Search integrations",
   "author": "[email protected]",
   "license": "BSD-3-Clause",

tests/__fixtures__/data/generativeDirectAnswer.ts

@@ -1,7 +1,7 @@
 import { GenerativeDirectAnswerResponse } from '@yext/search-headless-react';
 
 export const generativeDirectAnswerResponse: GenerativeDirectAnswerResponse = {
-  directAnswer: 'an AI generated answer',
+  directAnswer: 'answer text',
   resultStatus: 'SUCCESS',
   citations: ['uid2','uid3']
 }

tests/components/GenerativeDirectAnswer.stories.tsx

@@ -0,0 +1,37 @@
+import { Meta, StoryFn } from '@storybook/react';
+import { SearchHeadlessContext, State } from '@yext/search-headless-react';
+
+import { generateMockedHeadless } from '../__fixtures__/search-headless';
+import { GenerativeDirectAnswer, GenerativeDirectAnswerProps } from '../../src/components/GenerativeDirectAnswer';
+import { RecursivePartial } from '../__utils__/mocks';
+import { verticalResults } from '../__fixtures__/data/universalresults';
+import { generativeDirectAnswerResponse } from '../__fixtures__/data/generativeDirectAnswer';
+import React from 'react';
+
+const meta: Meta<typeof GenerativeDirectAnswer> = {
+  title: 'GenerativeDirectAnswer',
+  component: GenerativeDirectAnswer,
+  args: {
+    answerHeader: 'Answer Title',
+    citationsHeader: 'Citation Title',
+  }
+};
+export default meta;
+
+const mockedHeadlessState: RecursivePartial<State> = {
+  universal: {
+    verticals: verticalResults
+  },
+  generativeDirectAnswer: {
+    isLoading: false,
+    response: generativeDirectAnswerResponse
+  }
+};
+
+export const Primary: StoryFn<GenerativeDirectAnswerProps> = (args) => {
+  return (
+    <SearchHeadlessContext.Provider value={generateMockedHeadless(mockedHeadlessState)}>
+      <GenerativeDirectAnswer {...args} />
+    </SearchHeadlessContext.Provider>
+  );
+};