interface FallbackSlideProps {
  reason?: string | null;
}

export function FallbackSlide({ reason }: FallbackSlideProps) {
  return (
    <article className="fallback-slide">
      <p className="eyebrow">Fallback slide</p>
      <h3>Component unavailable</h3>
      <p>
        The player kept running even though this candidate could not render.
      </p>
      {reason ? <code>{reason}</code> : null}
    </article>
  );
}
