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="rounded-full px-4 py-1.5 text-[11px] font-bold text-[#F7D8EF] backdrop-blur-md"
        style={{
          background:
            "linear-gradient(145deg, rgba(35, 28, 69, 0.76) 0%, rgba(25, 22, 55, 0.72) 100%)",
          boxShadow:
            "0 0 18px rgba(203,117,171,0.22), 0 8px 18px rgba(8,6,28,0.28), inset 0 1px 0 rgba(255,255,255,0.12)",
          border: "1px solid rgba(198, 111, 177, 0.36)",
        }}
      >
        {`• ${date} •`}
      </div>
    </div>
  );
}
