export const TagsSurveyExample:()

in packages/storybook8/stories/INTERNAL/SurveyComponents/TagsSurvey/snippets/TagsSurvey.snippet.tsx [15:75]
58 lines of code
1 McCabe index (conditional complexity)

export const TagsSurveyExample: () => JSX.Element = () => {
  const strings = {
    tagsSurveyQuestion: 'What could have been better?',
    tagsSurveyTextFieldDefaultText: 'Other, please specify',
    tagsSurveyHelperText: 'Check any issues you experienced'
  };

  const callIssuesToTag = {
    overallRating: {
      callCannotJoin: 'I could not join call',
      callCannotInvite: 'I could not invite others into the call',
      hadToRejoin: 'I had to rejoin the call',
      callEndedUnexpectedly: 'Call ended for me unexpectedly',
      otherIssues: 'I was having other issues with the call'
    },
    audioRating: {
      noLocalAudio: 'The other side could not hear any sound',
      noRemoteAudio: 'I could not hear any sound',
      echo: 'I heard echos on the call',
      audioNoise: 'I heard noise on the call',
      lowVolume: 'Volume was low',
      audioStoppedUnexpectedly: 'Audio stopped unexpectedly',
      distortedSpeech: 'Audio was distorted',
      audioInterruption: 'Audio was interrupted',
      otherIssues: 'I was having other audio issues in this call'
    },
    videoRating: {
      noVideoReceived: 'I could not see any video',
      noVideoSent: 'Others could not see me',
      lowQuality: 'Video quality was low',
      freezes: 'Video frozen',
      stoppedUnexpectedly: 'Video stopped unexpectedly',
      darkVideoReceived: 'I can only see dark screens when others turn on their camera',
      audioVideoOutOfSync: 'Audio and Video was out of sync',
      otherIssues: 'I was having other video issues in this call'
    },
    screenshareRating: {
      noContentLocal: 'Other people could not see my screenshare',
      noContentRemote: "I could not see other people's screenshare",
      cannotPresent: 'I could not present my screen',
      lowQuality: 'Screen share quality was low',
      freezes: 'Screen share frozen',
      stoppedUnexpectedly: 'Screen share stopped unexpectedly',
      largeDelay: 'Screen share has a large delay',
      otherIssues: 'I was having other screen share issues in this call'
    }
  };

  const categoryHeadings = {
    overallRating: 'Overall',
    audioRating: 'Audio',
    videoRating: 'Video',
    screenshareRating: 'Presenting'
  };

  return (
    <FluentThemeProvider>
      <TagsSurvey strings={strings} callIssuesToTag={callIssuesToTag} categoryHeadings={categoryHeadings} />
    </FluentThemeProvider>
  );
};