'use client'

import { debugProps } from '@/lib/debug'

// Shows a warning banner on screens narrower than 1024px.
export function MinWidthBanner() {
  return (
    <div
      {...debugProps('min-width-banner')}
      className="lg:hidden bg-warning/10 border-b border-warning/30 px-4 py-2 text-center text-xs text-warning"
    >
      Scrum4Me is ontworpen voor schermen van minimaal 1024px breed. Sommige functies zijn mogelijk niet goed bruikbaar op dit scherm.
    </div>
  )
}