'use client';

import { BellOff } from 'lucide-react';

interface DndBannerProps {
  dndStart?: string;
  dndEnd?: string;
}

export function DndBanner({ dndStart, dndEnd }: DndBannerProps) {
  const timeRange = dndStart && dndEnd ? `${dndStart} – ${dndEnd}` : null;

  return (
    <div className="flex items-center gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-2.5 text-sm text-amber-800">
      <BellOff className="h-4 w-4 shrink-0 text-amber-500" />
      <span>
        Bu kullanıcı şu an Rahatsız Etme modunda
        {timeRange && (
          <span className="font-medium"> ({timeRange})</span>
        )}
        . Mesajınız iletilecektir.
      </span>
    </div>
  );
}