docs: `keyword_higlighter` attributes and story

lib/medical_transcription_web/components/keyword_highlighter.ex

@@ -6,6 +6,9 @@ defmodule MedicalTranscriptionWeb.Components.KeywordHighlighter do
   use MedicalTranscriptionWeb, :html
   # alias Phoenix.HTML.Tag
 
+  attr :text, :string, required: true
+  attr :keywords, :list, required: true
+
   def highlight(assigns) do
     # TODO: Eliminate the need to use `raw` here.
     ~H"""

storybook/components/keyword_highlighter.story.exs

@@ -0,0 +1,24 @@
+defmodule MedicalTranscriptionWeb.Storybook.KeywordHighlighter do
+  use PhoenixStorybook.Story, :component
+
+  def function, do: &MedicalTranscriptionWeb.Components.KeywordHighlighter.highlight/1
+
+  def variations do
+    [
+      %Variation{
+        id: :default,
+        attributes: %{
+          text:
+            " This 55-year-old man with known coronary artery disease comes for a follow-up visit today. ",
+          keywords: [
+            %{
+              score: 0.92,
+              label: "known coronary artery disease"
+            },
+            %{score: 0.77, label: "visit today"}
+          ]
+        }
+      }
+    ]
+  end
+end