// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`StoryRow > renders #id prefix before the story name 1`] = `
<div>
  <div
    style="display: flex; align-items: center; gap: 8px; padding-top: 4px; padding-bottom: 4px; font-size: 0.82em;"
  >
    <span
      style="padding: 1px 6px; border-radius: 10px; background: rgba(63, 185, 80, 0.133); color: rgb(63, 185, 80); border: 1px solid rgba(63, 185, 80, 0.267); white-space: nowrap; flex-shrink: 0;"
    >
      In Progress
    </span>
    <span
      style="color: rgb(230, 237, 243); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
    >
      <span
        style="color: rgb(139, 148, 158); font-family: monospace;"
      >
        #
        42
         
      </span>
      Add Feature
    </span>
  </div>
</div>
`;

exports[`StoryRow > renders #id prefix for a backlogged story 1`] = `
<div>
  <div
    style="display: flex; align-items: center; gap: 8px; padding-top: 4px; padding-bottom: 4px; font-size: 0.82em;"
  >
    <span
      style="padding: 1px 6px; border-radius: 10px; background: rgba(210, 166, 121, 0.133); color: rgb(210, 166, 121); border: 1px solid rgba(210, 166, 121, 0.267); white-space: nowrap; flex-shrink: 0;"
    >
      QA
    </span>
    <span
      style="color: rgb(230, 237, 243); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
    >
      <span
        style="color: rgb(139, 148, 158); font-family: monospace;"
      >
        #
        7
         
      </span>
      Fix crash on startup
    </span>
  </div>
</div>
`;

exports[`StoryRow > renders awaiting-slot badge for merge item with no agent 1`] = `
<div>
  <div
    style="display: flex; align-items: center; gap: 8px; padding-top: 4px; padding-bottom: 4px; font-size: 0.82em;"
  >
    <span
      style="padding: 1px 6px; border-radius: 10px; background: rgba(110, 118, 129, 0.133); color: rgb(110, 118, 129); border: 1px solid rgba(110, 118, 129, 0.267); white-space: nowrap; flex-shrink: 0;"
    >
      awaiting-slot
    </span>
    <span
      style="color: rgb(230, 237, 243); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
    >
      Mystery Story
    </span>
  </div>
</div>
`;