interface ChatDateGroupProps {
  date: string;
}

export function ChatDateGroup({ date }: ChatDateGroupProps) {
  if (!date) return null;

  return (
    <div
      className="sticky z-20 flex justify-center"
      style={{
        top: "10px",
      }}
    >
      <div
        className="px-4 py-2 rounded-full text-xs text-white font-bold backdrop-blur-md"
        style={{
          background: "linear-gradient(135deg, rgba(50, 107, 118, 0.85) 0%, rgba(32, 76, 106, 0.85) 100%)",
          boxShadow: "0 2px 12px rgba(0, 0, 0, 0.3), inset 0 1px 2px rgba(138, 206, 224, 0.2)",
          border: "1px solid rgba(138, 206, 224, 0.3)",
        }}
      >
        {date}
      </div>
    </div>
  );
}
