'use client'

import { useUserSettingsStore } from '@/stores/user-settings/store'
import { SprintDefinitionBanner } from './sprint-definition-banner'

interface SprintDraftBannerProps {
  productId: string
}

/**
 * PBI-79 / ST-1337: client-wrapper die de SprintDefinitionBanner alleen rendert
 * als er een pendingSprintDraft voor dit product staat. Hydratatie loopt via
 * UserSettingsBridge — dit component subscribt op die store en is daarmee
 * automatisch reactief op draft-mutaties (set/clear).
 */
export function SprintDraftBanner({ productId }: SprintDraftBannerProps) {
  const draft = useUserSettingsStore(
    (s) => s.entities.settings.workflow?.pendingSprintDraft?.[productId],
  )
  if (!draft) return null
  return <SprintDefinitionBanner productId={productId} draft={draft} />
}
